li:hover olduğunda otomatik olarak li a ya color vermek?

28-11-2014, 16:41:23

#1

~~weStarz~~

Üyeliği durduruldu

li nin üzerine gelindiğinde li a ya nasıl color verebiliriz?

28-11-2014, 16:43:54

#2

DeibA

Javascript ile http://api.jquery.com/hover/ bu fonksiyonu kullanarak yapabilirsin. CSS içinse link (a) ya padding değeri verip li padding'ini düşürerek aslında li'nin içerisnie girildiğinde a'ya girmiş gibi yapabilirsin.

28-11-2014, 16:49:46

#3

~~weStarz~~

Üyeliği durduruldu

DeibA adlı üyeden alıntı: mesajı görüntüle

Javascript ile http://api.jquery.com/hover/ bu fonksiyonu kullanarak yapabilirsin. CSS içinse link (a) ya padding değeri verip li padding'ini düşürerek aslında li'nin içerisnie girildiğinde a'ya girmiş gibi yapabilirsin.

hocam ben a ya color vermek istiyorum ufacık bir örnek göstersen?

28-11-2014, 16:58:49

#4

DeibA

weStarz adlı üyeden alıntı: mesajı görüntüle

hocam ben a ya color vermek istiyorum ufacık bir örnek göstersen?

Temanın kodlarını verirseniz, üzerinde önizleme yapıp göstereyim. Direkt pm'de atabilirsin.

28-11-2014, 16:59:01

#5

thealiyasar

a:hover { color:#f0f0f0; }

gibisinden mi

28-11-2014, 17:10:52

#6

Frans

Kimlik doğrulama veya yönetimden onay bekliyor.

http://jsfiddle.net/5jyrLwb1/ biraz incelerseniz basit şekilde anlaşılıyor.

28-11-2014, 17:16:26

#7

uckan

Gold üye

<div class="ornek">
<ul>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
</ul>
</div>

.ornek li:hover .ornek li a{
color:#000;
}

28-11-2014, 17:19:10

#8

Kriptofany

li:hover a { color:red; } bu şekilde sadece li ye hover oldugunda a rengi değişir dediğin buysa bu şekilde yapabilirsin.

02-12-2014, 10:20:06

#9

~~weStarz~~

Üyeliği durduruldu

Frans adlı üyeden alıntı: mesajı görüntüle

http://jsfiddle.net/5jyrLwb1/ biraz incelerseniz basit şekilde anlaşılıyor.

uckan adlı üyeden alıntı: mesajı görüntüle

<div class="ornek">
<ul>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
</ul>
</div>

.ornek li:hover .ornek li a{
color:#000;
}

Kriptofany adlı üyeden alıntı: mesajı görüntüle

li:hover a { color:red; } bu şekilde sadece li ye hover oldugunda a rengi değişir dediğin buysa bu şekilde yapabilirsin.

Herkese teşekkürler fakat hiç biri olmadı li nin üzerine gelince içindeki a da beyaz olsun istiyorum.