HTML KAYAN YAZI VE Marguee KULLANIMI

Birşeyi kaydırmak için gerekli kodumuz:<marquee></marquee> şeklindedir. Örneğin WEBCEBİR.COM yazısını HTML sayfada kaydırmak için <marquee>WEBCEBİR.COM</marquee> komutunu kullanırız.

ÇIKTI:

WEBCEBİR.COM

Soldan sağa Kayan Yazı



<marquee direction=right>WEBCEBİR.COM</marquee>

Sağdan sola Kayan Yazı



<marquee>WEBCEBİR.COM</marquee>

Sağdan Sola ve Soldan Sağa çarpan Yazı


Yazımızı istersek sağa sola çarptırabiliriz. Bunun için behavior="alternate" kullanacağız. Bu kodumuz sağa sola çarptırmak için gerekli olan koddur.


<marquee behavior=alternate>WEBCEBİR.COM</marquee>

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

Yazımızı alttan üste doğru çıkartmak istiyorsak direction="up" kodunu kullanırız. Bir çok sitede görmüşünüz'dür duyurular bölümü diye alttan üste doğru kayan yazılar vardır. Biz de böyle birşey yapabiliriz


<marquee scrollamount="1" height="100" width="100%" direction="down">

WEBCEBİR.COM

</marquee>

Marquee alanı genişletebiliriz ve yüksekliğini ayarlayabiliriz. Bunun için width="90" heigth="80" kodlarımızı kullanıyoruz. Burada width marquee'nin enini heigth ise yükseklik boyutunu belirler. Ayrıca yüzde olarakta değerler verilebilir. scrollamount="1" yazımızın hızını belirler.

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



<marquee scrollamount="1" height="100" width="100%" direction="up">

WEBCEBİR.COM

</marquee>

Renkli bir şerit üzerinde kaydırma


Eğer kırmızı bir şerit üzerinde kaymasını istiyorsak marquee'nin rengini değiştirebiliriz. Bunun için bgColor="red" kodunu kullanabiliriz.


<marquee behavior="alternate" bgColor="red">WEBCEBİR.COM</marquee>

HTML kayan Resim için Lütfen Bakınız.

önizleme buton

Selmanca 12/10/2018

Apple olan mobil cihazlarda sorun var istediğim gibi görüntülenemiyor. Bu konuda bir fikriniz var mıdır?

yönetici 12/10/2018

Selmanca, Apple cihazlarda hiç denemedim. Bir fikrim yok.

Kağan 18/06/2019

Harika ama biliyordum bilmeyenler için güzel

usame akhtarini 24/11/2019

Renkli bir şerit üzerinde (aşağıdan yukarıya,yukarıdan aşağıya)nasıl yapılır etiketi nedir?

yönetici 24/11/2019

Renkli şeritli kayan yazı:

<marquee scrollamount="1" height="300" width="20%" direction="down" bgcolor="#ff6600">
WEBCEBİR.COM
</marquee>	

Hüseyin 20/02/2020

Merhaba Haraketli Yazı Arıyorum Ama Link'de Vermek İstiyorum Yazıya Bunu Nasıl Yapabilirim Acaba

yönetici 22/02/2020

Hüseyin, yazıya link vereceksin.

<marquee direction=right><a href="#">WEBCEBİR.COM</a></marquee>

Selçuk 01/07/2020

Ben fotoğraf değilde 3 tane fotoğraf koymak istiyorum ve başlangıçta direk bir fotoğrafla başlamasını istiyorum nasıl yapabilirim?

yönetici 02/07/2020

Selçuk, şu konuya HTML KAYAN RESİM VE Marguee KULLANIMI Bak.

Orçun Dönmez 08/07/2020

Kayan yazıyı hızlandırmak istiyorum nasıl yapabilirim?

yönetici 09/07/2020

Orçun, scrollamount="6" ver sayı değerini değiştirerek dene.

Mehmet 23/09/2020

Kayan yazıyı sağa nasıl yaslayabiliriz?

yönetici 25/09/2020

Mehmet,soruyu tam anlamadım. yazı tam sağdan başlamıyora css kodlarına bak

Bercan aydın 05/10/2020

Ben Şeritteki yazının sabit olmasını ve mobilde parmakla kaydırılabilmesini istiyorum. Nasıl yapabilirim?

yönetici 08/10/2020

Benim anladığım şu konudaki position:fixed özelliği

<marquee direction=right style="position:fixed">WEBCEBİR.COM</marquee>

ERDEM GÜNGÖR 31/12/2020

merhaba ben birden fazla cümle şeklinde kayan yazı yazmak ve üzerine geldiğimde durmasını ve yazılar arasında boşluk olmasını istiyorum yardımlarınız için şimdiden teşekkürler

yönetici 02/01/2021


<marquee direction=right>
<span>WEBCEBİR.COM</span>  &nbsp; &nbsp; 
<span>iyi günler</span>
</marquee>	

m.ö 26/01/2021

Kayan resmi sayfanın en aşağısına almak istiyorum kodu söylermisiniz. teşekkürler

yönetici 28/01/2021

HTML sayfanda en alta Div elementi içine veya sen oluşturup içine bu kodları eklemelisin.

Servet yurdakul 19/03/2021

Selam kolay gelsin verdiğim linkte Ortada uygulama reklam koymuşlar bir yanda şimdi değil botunu var bir yanada hemen keşfet yazı var bunlar yapabilirim. Yukarda verdiğim link beklı görebilirsin.

yönetici 20/03/2021

Servet, verdiğin linkteki reklamı görmedim google reklamlar olduğu için sürekli değişiyor. Çalışmalarında başarılar.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır.

6506

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML DİV ve SPAN NEDİR?
  • HTML FORM OLUŞTURMA
  • HTML RESİM EKLEME
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML ARKAPLANA MÜZİK EKLEME
  • KALİTE KAYBETMEDEN RESİMLERİ BÜYÜTME
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.