07-09-2013 Saat: 13:43
Merhabalar Size Böyle Birşey Yaptırmak İsterim :D Buyrun Örnek ;
Şimdi Başlayalım .
Admin Kp + Şablon Ve Stil + Şablonlar + Header Şablonları + headerdeki <div class="menu"> ile başlayan </ul>
</div> ile biten tarafa kadar silin . Ondan Sonra Bu Kodu Ekleyin ;
Siz Arama , İndir Gibi Şeyleri Kendinize Göre Düzenleyebilirsiniz .
Şimdi ;
Admin Kp + Şablon Ve Stil + Temanız + global.css de .menu ul'u bulun ve o kodu silin yerine şunu ekleyin .
Sonra Tekrar Global.css'nin en altına ayrı ayrı şu kodları ekleyin .
İşte Bu Kadar . Menümüz Oldu . Hayırlı Olsun Anlatım Bana Aittir . Kodlar Ve Önizleme Alıntıdır .
Şimdi Başlayalım .
Admin Kp + Şablon Ve Stil + Şablonlar + Header Şablonları + headerdeki <div class="menu"> ile başlayan </ul>
</div> ile biten tarafa kadar silin . Ondan Sonra Bu Kodu Ekleyin ;
Kod:
<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>
</br>
</br>
</br>
</br>
Siz Arama , İndir Gibi Şeyleri Kendinize Göre Düzenleyebilirsiniz .
Şimdi ;
Admin Kp + Şablon Ve Stil + Temanız + global.css de .menu ul'u bulun ve o kodu silin yerine şunu ekleyin .
Kod:
.menu ul {
list-style: none;
margin: 0;
padding: 0;
}
Sonra Tekrar Global.css'nin en altına ayrı ayrı şu kodları ekleyin .
Kod:
.menu ul li {
float: left;
margin-right: 2px;
}
Kod:
.menu ul li a {
display: block;
width: 48px;
height: 58px;
}
Kod:
.menu ul li a span {
visibility: hidden;
}
Kod:
.ara {background: transparent url(http://st.10tl.net/tema/lastword/yeniler/ara.png) 0 0 no-repeat;}
.indir {background: transparent url(http://st.10tl.net/tema/lastword/yeniler/indir.png) 0 0 no-repeat;}
.bilgi {background: transparent url(http://st.10tl.net/tema/lastword/yeniler/info.png) 0 0 no-repeat;}
.kalp {background: transparent url(http://st.10tl.net/tema/lastword/yeniler/kalp.png) 0 0 no-repeat;}
.cark {background: transparent url(http://st.10tl.net/tema/lastword/yeniler/cark.png) 0 0 no-repeat;}
Kod:
a:hover.ara, a:hover.indir, a:hover.bilgi, a:hover.kalp, a:hover.cark {
background-position:0 -58px;
}
İşte Bu Kadar . Menümüz Oldu . Hayırlı Olsun Anlatım Bana Aittir . Kodlar Ve Önizleme Alıntıdır .