Neler yeni

Welcome to Flatcast.Biz

Join us now to get access to all our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, and so, so much more. It's also quick and totally free, so what are you waiting for?
Giriş yap Kayıt ol

Latest Thread

DUYURU 𝗖𝗵rome 𝘁𝗮𝗿𝗮𝘆ı𝗰ı𝗻ı𝘇𝗱𝗮𝗸𝗶 𝗽𝗹𝗮𝘆𝗲𝗿𝗱𝗮𝗸𝗶 𝗮𝗸𝗮𝗻 𝘆𝗮𝘇ı 𝘀𝗼𝗿𝘂𝗻𝘂

Bor@

Bor@

Admin
Yönetici
Admin
Katılım
3 Şub 2025
Mesajlar
193
Reaksiyon puanı
164
Puanları
90
Konum
Değer Bilmeyenlere Harcanan Zaman Boşdur
𝗦𝗲𝗹𝗮𝗺 𝗮𝗿𝗸𝗮𝗱𝗮ş𝗹𝗮𝗿 𝗰𝗵rome ( 𝘁𝗮𝗿𝗮𝘆ı𝗰ı ) 𝗸𝗼𝗱 𝗲𝗻𝗴𝗲𝗹𝗹𝗲𝘆𝗶𝗰𝗶 𝘆ü𝗸𝗹𝗲𝗻𝗱𝗶ğ𝗶 𝗶ç𝗶𝗻 𝗯𝘂 𝘀ü𝗿ü𝗺ü𝗻𝗱𝗲 𝗮𝗸𝗮𝗻 𝘆𝗮𝘇ıı𝗹𝗮𝗿ı𝗻ı𝘇 𝗽𝗹𝗮𝘆𝗲𝗿 ü𝘇𝗲𝗿𝗶𝗻𝗱𝗲𝗸𝗶𝗹𝗲𝗿 𝗴ö𝘇ü𝗸𝗺ü𝘆𝗼𝗿 𝗯𝘂 𝘀𝗼𝗿𝘂𝗻𝘂 𝗼𝗹𝗮𝗻 𝗮𝗿𝗸𝗮𝗱𝗮ş𝗹𝗮𝗿 𝘆𝗮 𝗼𝗽𝗲𝗿𝗮 𝘆𝗮𝗱𝗮 𝗺𝗼𝘇𝗶𝗹𝗹𝗮 𝘁𝗮𝗿𝗮𝘆ı𝗰ı 𝘆ü𝗸𝗹𝗲𝘆𝗶𝗻 𝘀𝗼𝗿𝘂𝗻𝘂𝗻𝘂𝘇 𝗴𝗶𝗱𝗲𝗿
 
Moderatör tarafında düzenlendi:
cok tesekür ederim Bora Abim süper
 
Chrome'da <marquee> etiketinin çalışmaması veya farklı nedenlerle hata vermesi, bu etiketin artık eski (deprecated) olmasından kaynaklanır. Çözüm için HTML'de marquee yerine CSS animasyonları (@keyframes ve transform) kullanmak en modern ve kalıcı yöntemdir. Belirttiğiniz sorunu aşmak için aşağıda ki kodları eklemek yeterli olacaktır. Saygılar.

z2ypu6b5.png
 

Ekli dosyalar

  • Crome kayan yazı kodu.txt
    486 bayt · INDIRME: 17
ekledim süper casliyor emegine saglik Ben masum kardesim
 
marquee eski bir etilet guncel surumlerde Masumun dediği gibi css kodu kullanılırsa sorun olmaz html 5 uyumlu olması önemli web page maker html 5 uyumlu degil
 
Sayfanın üst kısmına (<head> etiketleri arasına), yazının nasıl kayacağını belirten şu yeni CSS animasyon kurallarını ekledik:

<style type="text/css">
.modern-kayan-kapsayici {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
height: 100%;
}
.modern-kayan-icerik {
display: inline-block;
padding-left: 100%;
animation: modern-kaydir 20s linear infinite; /* Kayma hızı burada */
}
@keyframes modern-kaydir {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
</style>

sonra

Eski <marquee> Etiketini Çıkarıp Yeni <div> Etiketlerini Koyduk​

HTML içindeki o eski ve sorun çıkaran <marquee> komutunu tamamen sildik.

sildiğimiz eski kod

<marquee width="924" height="36" scrollamount="3">
</marquee>


yeni kodumuz sildiğimiz yerıne

<div class="modern-kayan-kapsayici">
<div class="ATA AHMET BARBOROS AYHAN wpmd">
</div>
</div>
 
Barbaros' Alıntı:
Sayfanın üst kısmına (<head> etiketleri arasına), yazının nasıl kayacağını belirten şu yeni CSS animasyon kurallarını ekledik:

<style type="text/css">
.modern-kayan-kapsayici {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
height: 100%;
}
.modern-kayan-icerik {
display: inline-block;
padding-left: 100%;
animation: modern-kaydir 20s linear infinite; /* Kayma hızı burada */
}
@keyframes modern-kaydir {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
</style>

sonra

Eski <marquee> Etiketini Çıkarıp Yeni <div> Etiketlerini Koyduk​

HTML içindeki o eski ve sorun çıkaran <marquee> komutunu tamamen sildik.

sildiğimiz eski kod

<marquee width="924" height="36" scrollamount="3">
</marquee>


yeni kodumuz sildiğimiz yerıne

<div class="modern-kayan-kapsayici">
<div class="ATA AHMET BARBOROS AYHAN wpmd">
</div>
</div>
Genişletmek için tıkla...
teşekkürler Barbaros.
 
Barbaros' Alıntı:
Sayfanın üst kısmına (<head> etiketleri arasına), yazının nasıl kayacağını belirten şu yeni CSS animasyon kurallarını ekledik:

<style type="text/css">
.modern-kayan-kapsayici {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
height: 100%;
}
.modern-kayan-icerik {
display: inline-block;
padding-left: 100%;
animation: modern-kaydir 20s linear infinite; /* Kayma hızı burada */
}
@keyframes modern-kaydir {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
</style>

sonra

Eski <marquee> Etiketini Çıkarıp Yeni <div> Etiketlerini Koyduk​

HTML içindeki o eski ve sorun çıkaran <marquee> komutunu tamamen sildik.

sildiğimiz eski kod

<marquee width="924" height="36" scrollamount="3">
</marquee>


yeni kodumuz sildiğimiz yerıne

<div class="modern-kayan-kapsayici">
<div class="ATA AHMET BARBOROS AYHAN wpmd">
</div>
</div>
Genişletmek için tıkla...

Barbaros' Alıntı:
Sayfanın üst kısmına (<head> etiketleri arasına), yazının nasıl kayacağını belirten şu yeni CSS animasyon kurallarını ekledik:

<style type="text/css">
.modern-kayan-kapsayici {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
height: 100%;
}
.modern-kayan-icerik {
display: inline-block;
padding-left: 100%;
animation: modern-kaydir 20s linear infinite; /* Kayma hızı burada */
}
@keyframes modern-kaydir {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
</style>

sonra

Eski <marquee> Etiketini Çıkarıp Yeni <div> Etiketlerini Koyduk​

HTML içindeki o eski ve sorun çıkaran <marquee> komutunu tamamen sildik.

sildiğimiz eski kod

<marquee width="924" height="36" scrollamount="3">
</marquee>


yeni kodumuz sildiğimiz yerıne

<div class="modern-kayan-kapsayici">
<div class="ATA AHMET BARBOROS AYHAN wpmd">
</div>
</div>
Genişletmek için tıkla...
tesekür ederim Barbaros Abim
 
BenMasum' Alıntı:
Chrome'da <marquee> etiketinin çalışmaması veya farklı nedenlerle hata vermesi, bu etiketin artık eski (deprecated) olmasından kaynaklanır. Çözüm için HTML'de marquee yerine CSS animasyonları (@keyframes ve transform) kullanmak en modern ve kalıcı yöntemdir. Belirttiğiniz sorunu aşmak için aşağıda ki kodları eklemek yeterli olacaktır. Saygılar.

z2ypu6b5.png
Genişletmek için tıkla...
Emegine sağlık Ben Masum. Paylaşım için teşekkürler.
 
Cevap yazmak için giriş yap yada kayıt ol.

[XTR] Similar Threads

BenMasum
MUZIK FLATCAST BİZ FORUM İÇİN ÖZEL YAPILMIŞTIR
Cevaplar
5
INDIRME
203
By SEF
By SEF
By SEF
RESIM FORUMA ÖZEL OLARAK YAPILMISTIR SAYGILAR
Cevaplar
5
INDIRME
341
Vera-1
Vera-1
LeyL39
DUYURU Ne Muhteşemsiniz Sizler
Cevaplar
5
INDIRME
270
Gülce
Gülce

Hakkımızda

Flatcastbiz Türkiye'nin ilk flatcast sitelerinden biri olarak kullanıcılarına keyifle vakit geçirecekleri en iyi içeriklerin yayınlandığı paylaşımlarla yayın hayatına 20 yılı aşkın süredir devam ediyor. Bu büyük ailenin bir ferdi olmaktan gurur duyacağınızı biliyoruz!

Neler yeni

Yeni mesajlar
Son etkinlikler
Üst Alt