İlk Önce Caps:

İlk Önce Admin Kp > Şablon Stil > Temalar > Css Ekle
Dosya Adı:ust_menu.css
İlişkilendiren: Ellemeyin
Kendi İçerigimi Yaz:
Ekleyip Kaydedin
Daha Sonra
Header Şablonuna Girin
Bulun
Altına Ekleyin

İlk Önce Admin Kp > Şablon Stil > Temalar > Css Ekle
Dosya Adı:ust_menu.css
İlişkilendiren: Ellemeyin
Kendi İçerigimi Yaz:
Kod:
a.buttong {
background-color:transparent;
background-image: url(http://st.10tl.net/tema/karanlik/images/star/ust_menu/btn_right.png);
background-repeat:no-repeat ;
background-position:top right;
color: #fff;
display:block; /*opera*/
display:inline-block; /*ie*/
/*ff*/ /*font: bold 12px arial, sans-serif;*/
font: normal 13px tahoma, arial, sans-serif;
height: 32px;
margin-right: 0px;
padding-right: 10px;
text-decoration: none;
}
a.buttong span {
background-color:transparent;
background-image: url(http://st.10tl.net/tema/karanlik/images/star/ust_menu/btn.png);
background-repeat:no-repeat ;
display: inline-block;
line-height: 21px;
padding: 3px 0 8px 10px;
}
a.buttong span img{
margin-left:-5px;
margin-top:-2px;
padding-right:5px;
}
/*HOVER*/
a.buttong:hover {
background-image: url(http://st.10tl.net/tema/karanlik/images/star/ust_menu/btn_hover_right.png);
color: #fff;
outline: none;
}
a.buttong:hover span {
background-image:url(http://st.10tl.net/tema/karanlik/images/star/ust_menu/btn_hover.png);
}
Ekleyip Kaydedin
Daha Sonra
Header Şablonuna Girin
Bulun
Kod:
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div id="panel">
{$welcomeblock}</div>
</div>
Kod:
<br><div align="center">
<a class="buttong" href="index.php" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="http://st.10tl.net/tema/karanlik/images/star/ust_menu/news.png" align="top" alt="" border="0"/>Forumlar</span></a>
<a class="buttong" href="portal.php" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="http://st.10tl.net/tema/karanlik/images/star/ust_menu/kdf.png" align="top" alt="" border="0"/>Portal 'a Git</span></a>
<a class="buttong" href="link" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="http://st.10tl.net/tema/karanlik/images/star/ust_menu/artwork.png" align="top" alt="" border="0"/>Program Download</span></a>
<a class="buttong" href="link" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="http://st.10tl.net/tema/karanlik/images/star/ust_menu/paint.png" align="top" alt="" border="0"/>Sohbet</span></a>
<a class="buttong" href="link" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="http://st.10tl.net/tema/karanlik/images/star/ust_menu/help.png" align="top" alt="" border="0"/>Forum Oyunları</span></a>
<a class="buttong" href="link" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="http://st.10tl.net/tema/karanlik/images/star/ust_menu/dershane.png" align="top" alt="" border="0"/>Komedya</span></a>
<a class="buttong" href="link" onclick="this.blur(); return true;"><span style="cursor:pointer;"><img src="http://st.10tl.net/tema/karanlik/images/star/ust_menu/target.png" align="top" alt="" border="0"/>Güncel Haberler</span></a>
</div>