CSS’in bizlere sunduğu güzelliklerden biri de sayfa arkaplan resmini sabit yapabilmemizdir. Böylece sayfamız ne kadar fazla içerik barındırırsa barındırsın yani aşağıya doğru ne kadar uzarsa uzasın arkaplan resminin sürekli aynı konumda kalarak sabit durmasını sağlayabiliyoruz.
Daha önce yazdığım, CSS ile ilgili yazıları okuduğunuzu varsayarak CSS kodunu nasıl oluşturacağımızı ve sayfamızda nasıl çağıracağımızı anlatmaya gerek görmeden direk örnek css kodumuza geçiyorum. Şimdi aşağıdaki kodu hep beraber inceleyelim.
body {
background-image: url(arkaplan.jpg);
background-attachment:fixed;
}
Burada 2 numaralı satırda sayfamızın arkaplan resmini ayarlıyoruz. 3 numaralı saırda background-attachment ifadesini yazıyor ve buna da fixed değerini veriyoruz. artık sayfamızı ne kadar aşağı kaydırırsak kaydıralım arkaplan resmimiz her zaman sabit kalacaktır. Örneğin aşağıdaki resimdeki sayfada yazıyı okumak için aşağı indiğinizde gemi dümenleri hep sabit kalacaktır.
Bu özellikten nasıl faydalanacağınız da tamamen hayal gücünüze kalmış. Mesela ben bazı sitelerde arkaplana bu şekilde büyük bir reklam logosonun yerleştirildiğini görüyorum. Böylece ziyaretçiler rahatsız edilmeden reklam yapılmış oluyor. Hepinize kolay gelsin.
murat
15 Haziran 2010ALLAH razı olsun kardeşim…
HayalEt
15 Haziran 2010Güzel duanız için teşekkürler. Allah hepimizden razı olsun
film izle
06 Aralık 2012Paylaşım için teşekkürler. Elinize sağlık.
HayalEt
06 Aralık 2012yorum için ben teşekkür ederim
Mehmet
24 Nisan 2013Hocam çok sağol beni dolaştırmadan sonuca ulaştırdı bu makale
HayalEt
26 Nisan 2013Yorumunuz için ben teşekkür ederim
murat
02 Nisan 2014Can kurtardı 😀 eyw usta
HayalEt
14 Nisan 2014İşinize yaradıysa ne mutlu 🙂