Hakkında Atölye Tavsiye DizinArşiv İletişim
Rastgele: En Güzel Wordpress Temaları (Bölüm 1)

Css İpucu: Sayfa Üzerinde Sabit Alanlar Oluşturmak

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ış

  1. sinan, 12 Ocak 2009 tarihli yorumunda diyor ki;

    Gerçekten çok hoşuma gitti benimde. Ajax ile de süsler güzel bir login paneli yapabiliriz.

  2. Web Öğrencisi, 12 Ocak 2009 tarihli yorumunda diyor ki;

    IE6 da çalışsa süper olucak.. CSS e js eklemek gerekiyor. :(

Yorum Yapın