Marquee Effect Oluşturmak İçin 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.
  

Tavsiye yazı : Html kodları ve anlamları

Bir dahaki yazıda buluşmak üzere