Konuya Geri Dön
<style type="text/css"> .menu ul { list-style: none; margin: 0; padding: 0; } .menu ul li { float: left; margin-right: 2px; } .menu ul li a { display: block; width: 48px; height: 58px; } .menu ul li a span { visibility: hidden; } .ara {background: transparent url(ara.png) 0 0 no-repeat;} .indir {background: transparent url(indir.png) 0 0 no-repeat;} .bilgi {background: transparent url(info.png) 0 0 no-repeat;} .kalp {background: transparent url(kalp.png) 0 0 no-repeat;} .cark {background: transparent url(cark.png) 0 0 no-repeat;} a:hover.ara, a:hover.indir, a:hover.bilgi, a:hover.kalp, a:hover.cark { background-position:0 -58px; } </style> <div class="menu"> <ul> <li><a class="ara" href="#"><span>Arama</span></a></li> <li><a class="indir" href="#"><span>İndir</span></a></li> <li><a class="bilgi" href="#"><span>Bilgi</span></a></li> <li><a class="kalp" href="#"><span>Kalp</span></a></li> <li><a class="cark" href="#"><span>İşlem</span></a></li> </ul> </div>
Kodu Göster / Düzenle
Kodları Sil
Orjinale Çevir