CSS ile Background Sabitleme

Bu dersimizde CSS ile backgroundumuzu yani arka planımızı sayfa ne kadar aşağı kaysa da sabit olarak kalmasını sağlamaktır.

CSS sayfamızı ya da CSS kodumuzu sayfamıza include ettiğimizi farzediyorum.

Background yani arkaplan olarak kullacağımız adresi aşağıdaki gibi ;



body{



background:url(resimadresi.gif) repeat-x left top;

background:#999;

}



yerleştirdiğimiz takdirde sayfamızın arkaplanı sabitleşecek ve arkaplanın bittiği yerde background olarak tanımladığımız #999 adlı renk backgroundumuzun yerini alacaktır.

Sayfalarımızı tasarlarken belki de uzun sayfalarda işe yarayacak bir kod olabilecektir.

Saygılarımla..

Herkese iyi çalışmalar.
  • Etiketler;
Mehmet Akif Eker
Hakkında bilgi en kısa sürede eklenecektir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Merhaba bu değilde bazı haber sitelerinde var hem sabitlenen hemde link eklenebilen o konu hakkında paylaşımlarınız olursa sevirim. İyi çalışmalar
background resmini kaymamasını istiyorsanız "background-attachment:fixed;" bu kodu oraya eklediğiniz taktirde arkaplana eklenen resim kaymayacaktır. bir ufak eklentide bende olsun :kirp:
Anladım o konu ile ilgili yazayım.Mesela şu an sanalkurs.net te yapmış sağ tarafta onun gibi değil mi?
bi küçük eklentide benden arka plan resimimizin tekrarlanıp tekrarlanmaması için; repeat=olduğu gibi görünür no-repeat=tekrarlatmaz repeat-x =x ekseninde yatay olarak tekrarlatır... repeat-y =y ekseninde dikey olarak tekrarlatır...
background:url(/Image/arkagenel.png) fixed left top; kod aynen bu şekildedir...
[left]background:url(/Image/arkagenel.png) fixed left top;[/left]
background:url(/Image/arkagenel.png) fixed left top; Kod Aynen Bu Şekildedir fixed arkaplanı sabitler left sola yaslar top yukarıya ;)

Yukarı Git