Css İpucu: Sayfa Üzerinde Sabit Alanlar Oluşturmak
Tasarım | |
Rss okuyucumda kısa bir süre önce David Walsh‘ın yaptığı Css ile sabit div pozisyonlama gönderisini gördüm. Çok hoşuma gitti sizlerle Css ipucu olarak paylaşmak istedim.
Css ile oluşturduğumuz bir sınıfı arkaplanda sabit olarak göstermek için Css stil dosyamıza şu kodu girmemiz yeterli;
.element { position:fixed; top:2%; right:2%;}
Bu kodu ekledikten sonra Xhtml/Html sayfamızda çağırmak içinse;
<div class=”element”>Sabit div içinde yer alacak metnimiz</div>
kodunu kullanmamız gerekiyor. Böylelikle “element” ismiyle oluşturduğumuz sınıf position:fixed parametresi sayesinde arkaplanda sabit olarak kalacak. Sayfanız aşağı doğru inse bile sabit şekilde görünmeye devam edecek. Daha önce de sitemizde sabit arkaplanlar oluşturmayla ilgili bir makale yayınlamıştık. Bu da sizin için faydalı olabilir.
2 yorum yapılmış
Yorum Yapın


Gerçekten çok hoşuma gitti benimde. Ajax ile de süsler güzel bir login paneli yapabiliriz.
IE6 da çalışsa süper olucak.. CSS e js eklemek gerekiyor. :(