Kayan Yazı Kodları (Marquee)

Blogger Kayan Yazı Eklentileri

Bloggerde kayan yazılar ile ister sayfa içine HTML olarak isterseniz Yerleşim > Gadget ekle > HTML/JavaScript yolunu takip ederek ekleyebileceğiniz eklentiler


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.

3 yorum:

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

    YanıtlaSil
  2. Kayan blok yazı yok mu

    YanıtlaSil
    Yanıtlar
    1. İstadiğiniz gibi yaparız. ♥ ........ Profesyonel Yardımlarımız Ve Danışmanlık Hizmetlerimiz Ücretlidir ........ ♥

      Sil