En güncel bilgi adresiniz |

En güncel bilgi adresiniz |NE LAZIMDI...


Bağlı değilsiniz. Bağlanın ya da kayıt olun

CSS ile Basit Şekilde Fare Üzerine Gelince(Rollover) Resim Değişimi Yapmak..

Önceki başlık Sonraki başlık Aşağa gitmek  Mesaj [1 sayfadaki 1 sayfası]

Entry

avatar
Admin
CSS ile Basit Şekilde Fare Üzerine Gelince(Rollover) Resim Değişimi Yapmak
İlk olarak fare imlecinin üzerine geldiğinde değişecek resmin her iki hali yanyana gelecek şekilde yan yana veya alt alta gelecek şekilde tek resim olarak hazırlıyoruz(aradaki çizgiyi iki resim arasındaki ayrımı göstermek için koydum, normal resimde bu olmayacak)





Xhtml kodumuzu yazalım

sade kodu gösterpanoya kopyalayazdır?
<a class=“anasayfayaDon” href=“anasayfa.htm”>Ana Sayfaya Dön</a>
CSS kodumuzu yazalım

sade kodu gösterpanoya kopyalayazdır?
a.anasayfayaDon {
display: block;
width: 80px;
height: 80px;
background: url(images/degisen_resim.gif) 0 0 no-repeat;
text-decoration: none;
text-indent:-999px;
}

a:hover.anasayfayaDon {
background-position: -80px 0;
}
Yöntemi daha önce anlattığımız gibi ardalan kaydırmaca yöntemidir. Hazırladığımız ardalan resminin ilk olarak istediğimiz kısmını gösteriyoruz. Fare imleci üzerine geldiğinde ise yatayda aynı eksende bulunan başlangıçta görünmeyen resmi eksi konum vererek gösteriyoruz.

Kullanıcı profilini gör http://bilgim.bosforum.net

Önceki başlık Sonraki başlık Sayfa başına dön  Mesaj [1 sayfadaki 1 sayfası]

Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz