Kayan Yazı Kodları (Marquee)

Blogger Kayan Yazı Eklentileri


Bloggerde kayan yazılar ile ister sayfa içine HTML Marquee tag'ı olarak isterseniz sitenin değişik alanlarında kullanabilirsiniz. temel kodlar aşağıda verilmiş olsada istediğiniz gibi geliştirebilirsiniz.



1.) Sağdan Sola kayan yazı

<marquee>YAZINIZ BURAYA</marquee>


2.) Soldan Sağa kayan yazı

<marquee direction="right">YAZINIZ BURAYA</marquee>


3.) Sağdan sola, soldan sağa kayan yazı

<marquee behavior="alternate">YAZINIZ BURAYA</marquee>


4.) Yukarıdan aşağı kayan yazı (Soldan)

<marquee direction="up">YAZINIZ BURAYA</marquee>

5.) Yukarıdan aşağı kayan yazı (Ortadan)


<marquee direction="up" align="middle">YAZINIZ BURAYA</marquee>


6.) Yukarıdan aşağı kayan yazı (Sağdan)


<marquee direction="up" align="right">YAZINIZ BURAYA</marquee>


7.) Aşağıdan yukarıya kayan yazı (Soldan)

<marquee direction="down">YAZINIZ BURAYA</marquee>

8.) Aşağıdan yukarıya kayan yazı (Ortadan)


<marquee direction="down" align="middle">YAZINIZ BURAYA</marquee>


9.) Aşağıdan yukarıya kayan yazı (Sağdan)


<marquee direction="down" align="right">YAZINIZ BURAYA</marquee>


10.) Yanıp sönen yazı

<marquee behavior="alternate">
<marquee width="150">YAZINIZI BURAYA</marquee>
</marquee>

11.) Mause üzerine gelince duran yazı


<marquee direction="down" onMouseOver="this.stop()" onMouseOut="this.start()">YAZINIZ BURAYA</marquee>

12.) Zaman ayarlı, Aşağıdan yukarıya kayan yazı

<marquee align="middle" scrollamount="1" height="30" width="100%" direction="up"scrolldelay="1">YAZINIZ BURAYA</marquee>


Zamanı ayarı : “ scrollamount="1 - 2 - 3 ...
Yön : direction="up" down..
Yükseklik : height="30"
Geçiş  : scrolldelay="1"
Genişlik : width="100%"  isteğinğize göre değiştirebilirsiniz
Birkaç satır eklemek için <div> kodunu kullanabilirsiniz yani

<marquee direction="down">YAZINIZ BURAYA
<div>
2. YAZINIZ BURAYA </marquee>

gibi kodu isteğinize göre değiştirebilirsiniz.



Kayan Yazı (MARQUEE) olayları

ALIGN: Kayan yazının, belirlenen alanın yukarısından, ortasından ya da aşağısından geçmesini ayarlar.

BEHAVIOR : Kayan metnin özelliğini SCROLL, SLIDE ya da ALTERNATE ile belirler.

SCROLL; yazının bir taraftan başlayıp, öteki tarafta kaybolduktan sonra tekrar baştan başlamasını sağlar.

SLIDE; yazının bir taraftan başlayıp, öteki tarafta durmasını sağlar.

ALTERNATE ise; yazının bir taraftan başlayıp, öteki taraftan geri dönmesini, yani tenis oynar gibi sağa sola gitmesini sağlar.

BGCOLOR :Marquee için arka plan rengi tanımlar. Renkler #rrrggbb formatı ya da isimleriyle verilebilir. Bu format ya da isimler için <FONT COLOR> elemanına bakınız.

DIRECTION :Metnin kayacağı yönü belirler. Default değer LEFT durumundadır. Bunun anlamı yazının soldan sağa doğru kayacağıdır. RIGHT değeri verilirse, yazı sağdan sola doğru kayacaktır.

HEIGHT ::Marquee alanının genişliğini tanımlar. Bu değer pixel olarak (WIDHT=n) ya da sayfa genişliğinin yüzdesi olarak (WIDHT=%n) verileblilir.

HSPACE :Kayan yazının dışarıdan sağ ve sol marjinlerini, pixel olarak tanımlar.

LOOP :Yazının kaç defa kayacağını belirler. Eğer değere -1'e ya da LOOP=INFINITE değeri atanacak olursa kayma sürekli olacaktır

SCROLLAMOUNT :Her çizim arasındaki pixel olarak uzaklığı verir. Bu değer yazının her çizimde ne kadar ilerleyeceğini verir.

SCROLLDELAY :Her çizim arasındaki milisaniye olarak gecikme süresini verir. Bu değer yazının ekrandan geçiş hızını belirler.

SPACE .Kayan yazının dışarıdan üst ve alt marjinlerini, pixel olarak tanımlar.



HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.



* Canlı Demo için
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Editörünü kullanabilirsiniz.
<

Yorumlar

  1. Adsız16.2.15

    Yukarıdan Aşağıya Kayan Yazı

    YanıtlaSil
  2. Kayan blok yazı yok mu

    YanıtlaSil
    Yanıtlar
    1. https://www.webkenti.net/search?q=Marquee

      Sil
  3. Adsız2.1.23

    Marquee Codes (Marquee)

    YanıtlaSil

Yorum Gönder

🔺 YUKARI ÇIK 🔺