Forum'da ara:
Ara


Yazar Mesaj
Mesaj08.02.2009, 11:27 (UTC)    
Mesaj konusu: Üzerine gelince resim değişsin

Sitem için bir kod arıyorum. 1 resim var. Üzerine gelince aynı boyuttaki başka bir resim çıkıyor.

http://www.kulturdersanesi.com.tr/ adresinde üstteki menüdeki gibi. O menü de resimlerden hazırlanmış galiba. Yardımcı olursanız sevinirim. O menünün benzerini yapıyorum.
Mesaj10.02.2009, 17:11 (UTC)    
Mesaj konusu: ???

Cevap yok mu?
Mesaj10.02.2009, 17:29 (UTC)    
Mesaj konusu:

Mesela menü kodunuz :
Kod:

<li><a href = "#">Link-1</li>
<li><a href = "#">Link-2</li>
<li><a href = "#">Link-3</li>
<li><a href = "#">Link-4</li>

diyelim.Bu menünün fare üzerine gelmeden önceki arkaplan resmini ayarlıyalım ilk :
Kod:

li {background:url('Resim URL'si');}

Şimdi ise üzerine gelince hangi resmin arkaplan olacağını belirleyelim :
Kod:

li:hover{background:url('Resim URL'si')}

Kısaca kodumuz bu :
Kod:

<style type  = "text/css">
li {background:url('Fare üzerine gelmeden önceki resimin URL'si');}
li:hover{background:url('Fare üzerine gelince arkaplan olacak resmin URL'si')}
</style>
<li><a href = "#">Link-1</li>
<li><a href = "#">Link-2</li>
<li><a href = "#">Link-3</li>
<li><a href = "#">Link-4</li>
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu