Marquee Effect Oluşturmak İçin Kayan Yazı Kodu

kayan-yazı-kodu

Öncelikle marquee effect ne demektir ondan başlayalım. Marquee yazılarınızı sağa sola –yukarı aşağıya doğru hareket etmesini sağlayan bir tür html kod türüdür. Blogunuza hareket katacak bir koddur. Zaten çoğu blog kullanıcısı da bu özelliği kullanır.

Kayan yazı kodu nasıl eklenir detaylı olarak anlatmaya başlayalım:

Yazınız sağa - sola doğru hareket etsin:

<marquee align="center" direction="left" height="200" scrollamount="2" width="100%">
Sola doğru hareket eden yazı örneği
</marquee>

Sola doğru hareket eden yazı örneği

koddaki direction="left"  deki left ‘i right yaparsanız sağa doğru hareket edecektir.

Sağa doğru hareket eden yazı örneği

Şimdi yazımza arkaplan belirleyelim:

<div align="left"><font face="georgia" color="White"><B><marquee bgcolor="red" width="100%" scrollamount="3" behavior="alternate">
Arkaplan renkli yazı örneği.
</marquee></b></font></div>

Arkaplan renkli yazı örneği.

Yukarı kayan yazı ekleyelim:

Burada önemli olan farenizle üzerine geldiğinizde yazının durması.

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">
Farenizle yazı üzerine gelin
</marquee>

 

Farenizle yazı üzerine gelin

Yazınıza Link Ekleyin

Şimdi kayan yazıya link ekleyelim:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://ehl-iblog.blogspot.com" target="new">ehl-iblog</a><br />
<a href="http://ehl-iblog.blogspot.com" target="new">ehl-iblog</a><br />
<a href="http://ehl-iblog.blogspot.com" target="new">ehl-iblog</a><br />
<a href="http://ehl-iblog.blogspot.com" target="new">ehl-iblog</a><br />
</marquee>

ehl-iblog
ehl-iblog
ehl-iblog
ehl-iblog

Gelelim bazı belirli kodların açıklanmasına:

  • bgcolor:arkaplan rengini düzenleminizi sağlar.
  • direction:”left/right/up/down” yazınızın hareket edeceği yönü belirler.
  • behaviour:”scroll/slide/alternate” yazınızın hareketin nasıl olacağını belirler.
             scroll:yazınızın kaymasını sağlar
             slide:yazınız bir kez hareket eder sonra durur.
             alternate:yazınız sağa sola hareket eder.
  • title:”message” mesajınızın başlığı
  • scrollmount:”number” yazınızın hızını ayarlar.Numara artıkça hız da artar.
  • scrolldelay:”number” yazınızın gecikme zamanı
  • width:yazınızın kapayacağı alanın genişliğini pixel olarak yada % olarak ifade eder.

Bir dahaki yazıda buluşmak üzere

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

4 yorum:

  1. Selamlar hocam yazı akarken bir ara boşluk veriyor, bunu nasıl sürekli hale getirebiliriz ?
    Yani o boşluk olmasın istiyorum nasıl yaparım teşekkürler.

    YanıtlaSil
  2. Merhaba , Tavsiye Yazıyı nasıl yapabiliriz sizin sitedeki gibi daha önce sitenizde açıkladınız mı ?

    YanıtlaSil
    Yanıtlar
    1. Benim sitemde pek tavsiye yazı yok gibi, populer yazılar kısmını vs kast eediyorsanız standart link list diyebilirim.
      Blogger yakın zamanda öne çıkan yayın eklentisi konusunu duyurmuştu ona bakabilirsiniz.

      Sil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.