Murat Karaoğlu » css http://www.muratkaraoglu.com .:blog:. Thu, 16 Dec 2010 09:49:27 +0000 en hourly 1 http://wordpress.org/?v=3.0.4 Kayan CSS Banner http://www.muratkaraoglu.com/kayan-css-banner/ http://www.muratkaraoglu.com/kayan-css-banner/#comments Wed, 11 Mar 2009 21:29:13 +0000 admin http://www.muratkaraoglu.com/?p=219 İ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

]]> http://www.muratkaraoglu.com/kayan-css-banner/feed/ 1