Cufon'a hover efekti vermek

12.11.2011 21:46

Berkay WM Aracı Kullanıcı

Üyelik 29.04.2011
Yaş/Cinsiyet 30 / E
Meslek Wordpress Geliştirici
Konum Mersin

Ad Soyad B** G**
Mesajlar 1863
Beğeniler 90 / 337
Ticaret 27, (%100)

Merhaba arkadaşlar yazı olarak cufon kullanıyorum ve görünüm olarak çok hoşuma gidiyor fakat css ile bir türlü hover versem dahi üzerine geldiğim zaman renk değişikliği olmuyor.

Bu konu hakkında bir bilgisi olan varmı ?

Çözüm ;


<script>	
Cufon.replace('.menu li a:link',{hover: 'true;'});
</script>

.menu li a:link kısmına çevirmek istediğiniz css seçicisinin adını yazacaksınız.Hover true kısmı ile de hover özelliği aktif edeceğiz.

12.11.2011 21:48

#2

SoNSuZLuKC WM Aracı Kullanıcı

Üyelik 27.03.2011
Yaş/Cinsiyet - / E
Meslek
Konum

Ad Soyad ** **
Mesajlar 57
Beğeniler 9 / 1
Ticaret 0, (%0)

Site bu mu? http://www.androidmedya.com/

12.11.2011 21:49

#3

ByCookie webtikk.com Banlı Kullanıcı

Üyelik 12.06.2011
Yaş/Cinsiyet 27 / E
Meslek .
Konum Tekirdağ

Ad Soyad ** **
Mesajlar 600
Beğeniler 32 / 39
Ticaret 0, (%0)

Hover değerini true yapabilirsin.

Örnek olarak:
Cufon.replace('h1',{hover: true;});

12.11.2011 21:58

#4

Berkay WM Aracı Kullanıcı

Üyelik 29.04.2011
Yaş/Cinsiyet 30 / E
Meslek Wordpress Geliştirici
Konum Mersin

Ad Soyad B** G**
Mesajlar 1863
Beğeniler 90 / 337
Ticaret 27, (%100)

SoNSuZLuKC adlı üyeden alıntı

Site bu mu? http://www.androidmedya.com/

hayır www.kart10.net :)

ByCookie adlı üyeden alıntı

Hover değerini true yapabilirsin.

Cufon.replace('.menu li a:link');

Bunu kullanıyorum bu kodu söylediğin şekilde

Cufon.replace('.menu li a:link',{hover: true;});

yaptığım zaman hata alıyorum.

Ek Olarak: Cufon.replace('.menu li a:link',{hover: 'true;'}); şeklinde değiştirdim ve sorunsuz olarak renk değişikliği yapabildim herkeze teşekkürler :)

12.11.2011 22:03

#5

ByCookie webtikk.com Banlı Kullanıcı

Üyelik 12.06.2011
Yaş/Cinsiyet 27 / E
Meslek .
Konum Tekirdağ

Ad Soyad ** **
Mesajlar 600
Beğeniler 32 / 39
Ticaret 0, (%0)

Şu şekilde bir denermisin;

Cufon.replace('.menu li a:link', {hover: true });

12.11.2011 22:06

#6

Berkay WM Aracı Kullanıcı

Üyelik 29.04.2011
Yaş/Cinsiyet 30 / E
Meslek Wordpress Geliştirici
Konum Mersin

Ad Soyad B** G**
Mesajlar 1863
Beğeniler 90 / 337
Ticaret 27, (%100)

hover: true; 'nin true; kısmını tırnak içine almak gerekiyormuş ByCookie yabancı bir kaynakta dolaşırken font değişikliği yaparken öyle kullanılmış bende denedim doğru çıktı.

http://css-tricks.com/forums/discussion/11030/cufon-link-hover-state/p1

Çok teşekkürler yardımcı olan herkeze :)

Cufon'a hover efekti vermek

Üye Girişi Yap