Browse Tag

arkaplan resmini sabit yapmak

Sayfada Arkaplan Resmini Sabit Yapmak

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.

arkaplan sabit

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.