Xen-TR Üst menü

[guclusat]

Ekteki Klasörü styles içine atın.

logo_block Şablonunu açın arayın

<div class="pageContent">

<div id="navi">
<ul>
<li>
<a href="">
<strong>
<img alt="" src="/styles/ustmenu/Anasayfa.png">
Anasayfa
</strong>
<span>Forumlar Anasayfa</span>
</a>
</li>
<li>
<a href="">
<strong>
<img alt="" src="/styles/ustmenu/Film.png">
Eklentiler
</strong>
<span>Eklentiler ve Anlatımlar</span>
</a>
</li>
<li>
<a href="">
<strong>
<img alt="" src="/styles/ustmenu/Oyun.png">
Modifikasyonlar
</strong>
<span>Şablon Editlemeleri</span>
</a>
</li>
<li>
<a href="">
<strong>
<img alt="" src="/styles/ustmenu/Program.png">
Makaleler
</strong>
<span>Xenforo İpuçları</span>
</a>
</li>
<li>
<a href="">
<strong>
<img alt="" src="/styles/ustmenu/Sohbet.png">
Yeni Haberler
</strong>
<span>Xenforo Gelişmeleri</span>
</a>
</li>
</ul>
</div>

Extra.css açın en sonuna ekleyin

#navi {
    background: url("/styles/ustmenu/navigation_bg.png") no-repeat scroll 0 0 transparent;
    float: right;
    font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    height: 60px;
    margin: 12px 0 0;
    overflow: hidden;
    width: 758px;
}
#navi ul {
    margin: 0;
    padding: 0;
    width: 780px;
}
#navi li {
    display: inline;
    margin: 0;
    padding: 0;
}
#navi li a {
    -moz-transition: all 0.5s ease 0s;
    color: #D5EAF8;
    float: left;
    outline: medium none;
    padding: 12px 14px;
    text-decoration: none;
}
#navi a strong {
    -moz-transition: all 0.5s ease 0s;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}
#navi a span {
    -moz-transition: all 0.5s ease 0s;
    color: #637D8F;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding-left: 21px;
}
#navi li a:hover, #navi li a.current {
    color: #FFFFFF;
}
#navi li a.current strong, #navi li a:hover strong {
    text-shadow: 0 0 3px #FFFFFF;
}
#navi li a.current span, #navi li a:hover span {
    color: #D5EAF8;
}
#navi img {
    vertical-align: middle;
}
#header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #176093;
    background-image: url("/styles/ustmenu/ust_arkaplan.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
}

Link vermek için <a href=""> Düzenleyin.
Örnek:<a href="www.xen-tr.com">

Arka planı istemeyen olursa extra.css ye alttaki kodu eklemeyın yada çıkartın.

#header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #176093;
    background-image: url("/styles/ustmenu/ust_arkaplan.jpg");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;

İconlarda değişiklik yapmak isteyenler
http://p.yusukekamiyamane.com/
http://famfamfam.com/lab/icons/silk/