şerit

Kaydırma Çubuğu İle Beraber Kayan Banner

Kategori : [ Html, Web Tasarım, WordPress ]

kaydirma-cubuguna-bagli-bannerBirçok sitede denk gelmişizdir bu fonksiyona.

Kaydırma çubuğunun amacı, ziyaretçinin dikkatini çekerek, bannerde gösterilen yere tıklamasını sağlamaktır.

Bu reklam kodu olur, yorum eklemeyi teşvik eden banner olur, üye olmanızı isteyen bir reklam olabilir vs vs.

Şimdi size bu fonksiyonun nasıl yapıldığını göstereceğim. Kaydırma çubuğuna bağlı reklamı yapmak için öncelikle altta bulunan kodları <body></body> tagları arasına yerleştiriyoruz.

<div align="right" id="serit"><a href="http://yonlendirileceksite.com" target="_blank"><img border="0" src="serit.png" alt="şerit" /></a></div>

Sonrasında aşağıdaki kodları style.css sayfamızın içerisine yerleştiriyoruz.

/* Şerit */
#serit {position: fixed;right: -1px;bottom: -1px;width: 100%;clear: both;

Burada serit.png adlı bannerın boyutu çok önemlidir. Çünkü bannerin hızasında olan linkler çalışmıyor. Çünkü bannera bir link yükledik. O yüzden bannerın yüksekliğini optimum düzeye indiriyoruz.

Kaydırma çubuğuna bağlı olan bu element, şuanda sayfanın sağ tarafında yer almaktadır. Siz sol tarafda olmasını istiyorsanız, ilk verdiğim kod içerisindeki align=”right”  kısmını left yapmanız yeterlidir.

Aşağıda sizin için, örnek bir uygulama hazırlanmıştır. (serit.png dosyası ve psd’si mevcuttur.)

İndirmek için tıkla









2 Yorum Var “Kaydırma Çubuğu İle Beraber Kayan Banner”

  • Tarık_48
    19 Haziran, 2010, 21:41

    dostum eyvallah, özel banner yapabilir misiniz bana :) :)
    bu kaydırma çubuğuna bağlı olarak.

  • 1 Temmuz, 2010, 12:35

    teşekkürler ;)

yorum

Güvenlik Kodunu Giriniz*