Mar
11
2009
1

Kayan CSS Banner

İnternette bir çok alternatifini bulabileceğiniz kayan banner’ın Css ile yapılmış basit bir versiyonudur.

Bu tip banner’lara kayan banner deniyor ama buna daha çok sabit banner denebilir. Css kodlarıyla sayfanın istenen bölümüne yerleştireceğiniz banner, sayfayı nereye hareket ettirirseniz ettirin olduğu yerde sabit kalıcaktır.

Aşağıdaki kodlarla sayfanın sağ tarafında kayan bir banner elde edebilir, Css kodlarıyla oynarak banner’ın pozisyonunu ayarlayabilirsiniz.

Css Kodları:

#banner-kodu {
 position : fixed;
 _position : absolute;
 top : 10px;
 _top : expression(eval(document.body.scrollTop));
 right : 5px;
 margin : 0;
}

Bu koduda <body>…</body> arasına yerleştiriyoruz:

<div id=”banner-kodu”><a href=”#”><img src=”160×600.gif” border=”0″ /></a></div>

Örnek çalışma için:

http://www.muratkaraoglu.com/test/kayan-css-banner.html

Yazar: admin Kategori: Webmaster | Etiketler: , ,

WordPress | TheBuckmaker | RSS-EMS | Sitemap