MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Smyrna35 avatar
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy

Css ile yazının üstüne gelince yavaşça renk değiştirmesi


Sponsor Reklam
media venus

Çevrimdışı Smyrna35
 Tarih: 24-01-2013, Saat:01:23
(Son Düzenleme: 24-01-2013, Saat:06:06, Düzenleyen: Smyrna35.)
#1
Merhaba arkadaşlar,
bazı arkadaşlarımız yorum yaparak soruyordu yazının üstüne gelince yavaşça renk değiştirmek nasıl oluyor gibi sorular gördüm.
Bu kodlar ile yazımızın üstüne gelince yavaşça kırmızı rengini alıcak.
Kod:
a:hover {
    color: #DD0000;
    text-decoration: none;
    outline: 0;
    -webkit-transition: color 300ms ease-in;
    -moz-transition: color 300ms ease-in;
    -o-transition: color 300ms ease-in;
}
  • color: #DD0000; // bu kod yazımızın üstüne gelince alması gereken renk değeri
  • text-decoration: none; // yazının üstüne gelince altı çizilimi olsun vb. tarz ve (none) yaptım yani çizgi eklenmesin. [ underline || overline || line-through || blink ] bunlarıda kullanabilirsiniz.
  • -webkit-transition: color 300ms ease-in;
    -moz-transition: color 300ms ease-in;
    -o-transition: color 300ms ease-in; // bu kodlar ise yazımızın üstüne gelince yavaşça color daki renk değerini vermemize yarıyor.
Peki Biz bu kodları nereye ekliyeceğiz... Bu kodları :
Admin KP >> Temalar & Şablonlar >> Temanız >> Global.css >> Gelişmiş Düzenleme >> a:hover kodunu bulun üstteki verdiğim kodlarla değiştiriniz.İşlem bu kadar iyi forumlar.
Cevapla
Bunu Beğenenler: xpserkan , 007combatant , usameavci , xeons
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı ßyßurak
 Tarih: 24-01-2013, Saat:01:34
#2
Kod:
a:hover, a:active {
    color: #DD0000;
    text-decoration: none;
    outline: 0;
    -webkit-transition: color 300ms ease-in;
    -moz-transition: color 300ms ease-in;
    -o-transition: color 300ms ease-in;
}

Kod Böyle Olursa Daha Sağlıklı Olur
Cevapla
Bunu Beğenenler: 007combatant

Çevrimdışı Smyrna35
 Tarih: 24-01-2013, Saat:01:39
#3
öneriniz için teşekkürler hocam
Cevapla
Bunu Beğenenler:

Çevrimdışı aekhack
 Tarih: 11-07-2014, Saat:17:07
#4
Teşekkürler Bide altı çizili filan olsa iyi olurdu
Cevapla
Bunu Beğenenler:

Çevrimdışı Smyrna35
 Tarih: 02-08-2014, Saat:11:00
#5
(11-07-2014, Saat:17:07)aekhack Adlı Kullanıcıdan Alıntı: Teşekkürler Bide altı çizili filan olsa iyi olurdu
Bunuda araştırıp siz yapabilirsiniz diye düşünüyorum.
Cevapla
Bunu Beğenenler:

 




Konuyu Okuyanlar: 1 Ziyaretçi