Forumlar için tasarladığım menü

[Hatake]

Temalarınız da kullanmanız için kodlamış olduğum menü. Headere yapışıktır. Demodan aşağı inerek bakabilirsiniz. 

DEMO: http://codepen.io/anon/pen/obBeMr

Kuruluma geçebiliriz;

Temanızın şablonlarından gruplandırılmamış şablonları seçip headerincludenin sonuna ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

<link href='https://fonts.googleapis.com/css?family=Titillium+Web:600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Header şablonunun en üstüne bu kodu ekleyin.

Kod: Tümünü Seç Tümünü Kopyala

<div class="ilkmenu">
 <li><a href="/dene"><i class="fa fa-home"></i> Anasayfa</a></li>
 <li><a href="/dene"><i class="fa fa-comments"></i> Forum</a></li>
 <li><a href="/dene"><i class="fa fa-users"></i> Yetkili Listesi</a></li>
 <li><a href="/dene"><i class="fa fa-code"></i> MyBB Temaları</a></li>
 <li><a href="/dene"><i class="fa fa-file-archive-o"></i> Photoshop PSD</a></li>
</div>

Global.css nin sonuna bunu ekleyin

Kod: Tümünü Seç Tümünü Kopyala

.ilkmenu {
 list-style-type: none;
 font-family: 'Titillium Web', sans-serif;
 background: #0D64D5;
 padding-top: 7px;
 padding-left: 10%;
 border-bottom: 1px solid #00C4FF;
 position: fixed;
 width: 100%;
}
.ilkmenu li {
 display: inline-block;
 padding: 5px;
 border-radius: 4px;
 -webkit-transition: background 350ms;
 overflow: hidden;
}
.ilkmenu li:hover {
 background: rgba(0,0,0,0.5);
 box-shadow: inset 0px 1px 1px black;
}
.ilkmenu li a {
 text-decoration: none;
 color: #fff;
}

Sayfanız da CTRL+F5 kombinasyonunu kullanarak bakın. CSS'ler hemen işlemeyebilir. Hayırlı kullanımlar.

Edit: 10TR.NET temasında görünümü