AktifMenu

Bu dersimizdede aktif menü yapımını anlatacağız.
İlk olarak html kodumuzu oluşturduk.
<a href="#" class="wwebw"></a>
Ve kodumuzun ardından Photoshop veya herhangi bir grafik tasarımı ile 120*60 px boyutunda dosya açıp=>Ardından; tam ortasından 2 resim olacak şekilde resmimizi oluşturalım.Yani 120*30 boyutunda olacak şekilde..Benim oluşturduğum resimde şudur:



Şimdide gelelim css kodumuza.Bu kodu css kısmına ekleyeceğiz.

.wwebw {
width: 120px;
height: 30px;
background: url(wwebw.png) top left no-repeat;
float:
}
a.wwebw {
display: block;
width: 120px;
height: 30px;
background: url(wwebw.png) top left no-repeat;
text-decoration: none;
}
a:hover.wwebw {
background-position:0 -30px;
text-decoration: none;
}


Ve işte sonuç:

  KAYNAK:
Blackinci




Bu sayfa hakkındaki yorumlar:
Yorumu gönderen::11.05.2011, 15:33 (UTC)
gammabulut
gammabulut
Kapalı

süper



Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=