Mybb Çok Güzel Bir Üst Menü

  • Konbuyu başlatan Konbuyu başlatan Kafle
  • Başlangıç tarihi Başlangıç tarihi
0
EXE RANK

Kafle

Fexe Kullanıcısı
Puanları 0
Çözümler 0
Katılım
2 Ara 2012
Mesajlar
378
Tepkime puanı
0
Puanları
0
Yaş
27
Kafle
İlk Önce Caps:
g8c48.png




İ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>
Altına Ekleyin

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>
 
Geri
Üst