Giriş yapmadınız.

Web Sitenize Kayan Yazı (Marquee) Kodu Ekleme Rehberi

Seyyah20

Stajyer

  • "Seyyah20" bir erkek
  • Konuyu başlatan "Seyyah20"

Mesajlar: 58

Kayıt tarihi: Jan 25th 2014

  • Özel mesaj gönder

1

Thursday, 12.06.2025, 11:54

Web Sitenize Kayan Yazı (Marquee) Kodu Ekleme Rehberi

Web Sitenize Kayan Yazı (Marquee) Kodu Ekleme Rehberi

Bu rehber, web sitenizin HTML index dosyalarına kolayca kayan yazılar eklemenizi sağlayacak kodları içermektedir. Bu kodları sitenizin index.html veya benzeri HTML dosyalarındaki istediğiniz yere yapıştırarak kullanabilirsiniz.

1. Temel Kayan Yazı Kodu
En basit haliyle bir yazıyı kaydırmak için bu kodu kullanabilirsiniz. <body> etiketleri arasına istediğiniz yere yapıştırabilirsiniz.

HTML

<marquee>Bu sizin kayan yazınız!</marquee>



2. Kayan Yazınızı Biçimlendirme (Renk, Boyut, Yön, Hız)
Kayan yazınızın daha dikkat çekici olmasını sağlamak için renk, boyut, kayma yönü ve hız gibi özellikleri ayarlayabilirsiniz.
Yazı Rengi Değiştirme
Yazınızın rengini değiştirmek için style="color: [renk kodu];" özelliğini kullanın.
  • İngilizce Renk Adı: red, blue, green gibi.
  • Hex Kodu: #FF0000 (kırmızı için), #0000FF (mavi için) gibi. İnternette "HTML renk kodları" diye aratarak birçok farklı renk kodu bulabilirsiniz.

HTML

<marquee style="color: red;">Bu yazı kırmızı renkte kayacak.</marquee> <marquee style="color: #008000;">Bu yazı yeşil renkte kayacak.</marquee>

Yazı Boyutu Değiştirme
Yazınızın boyutunu değiştirmek için style="font-size: [boyut];" özelliğini kullanın.
  • Piksel (px): 16px, 24px gibi.
  • Yüzde (%): %100, %150 gibi.

HTML

<marquee style="font-size: 20px;">Bu yazı daha büyük olacak.</marquee> <marquee style="font-size: 150%;">Bu yazı %150 boyutunda olacak.</marquee>

Kayma Yönünü Ayarlama
Yazının hangi yöne kayacağını belirlemek için direction="[yön]" özelliğini kullanın.
  • left: Soldan sağa (varsayılan)
  • right: Sağdan sola
  • up: Aşağıdan yukarıya
  • down: Yukarıdan aşağıya


HTML

<marquee direction="right">Bu yazı sağdan sola doğru kayacak.</marquee> <marquee direction="up">Bu yazı yukarı doğru kayacak.</marquee>

Kayma Hızını Ayarlama
Kayan yazının hızını ayarlamak için scrollamount="[sayı]" özelliğini kullanabilirsiniz. Sayı büyüdükçe kayma hızı artar.

HTML

<marquee scrollamount="10">Bu yazı daha hızlı kayacak.</marquee> <marquee scrollamount="2">Bu yazı daha yavaş kayacak.</marquee>



3. Tüm Özellikleri Bir Arada Kullanma Örneği
Aşağıdaki örnek, tüm bu özellikleri bir arada kullanarak nasıl daha zengin bir kayan yazı oluşturabileceğinizi gösterir:


HTML

<marquee direction="right" scrollamount="5" style="color: blue; font-size: 18px; font-weight: bold;"> Web Sitemize Hoş Geldiniz! En Son Haberler Burada! </marquee>
  • direction="right": Yazı sağdan sola kayacak.
  • scrollamount="5": Orta hızda kayacak.
  • style="color: blue; font-size: 18px; font-weight: bold;": Mavi renkli, 18 piksel boyutunda ve kalın (bold) bir yazı olacak.
Önemli Notlar:
  • HTML Dosyanıza Ekleme: Bu kodları index.html dosyanızı bir metin düzenleyici (Notepad, Notepad++, Sublime Text vb.) ile açıp istediğiniz yere yapıştırın ve dosyayı kaydedin.
  • Modern Web Geliştirme: marquee etiketi, eski bir HTML özelliğidir ve modern web standartlarında pek önerilmez. Daha gelişmiş ve modern web siteleri genellikle JavaScript (CSS animasyonları ile birlikte) kullanarak benzer kayan efektler oluşturur. Ancak basit kullanım ve hızlı çözümler için hala iş görebilir.
  • Tarayıcı Desteği: Çoğu tarayıcı hala marquee etiketini destekler, ancak farklı tarayıcılarda hafif farklılıklar gösterebilir.
Umarım bu rehber, web sitenize kayan yazı eklemek isteyenlere yardımcı olur! Denemekten çekinmeyin ve kendi sitenizi renklendirin.

Benzer konular