https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Forumlar için tasarladığım menü
#1
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:
<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:
<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:
.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ü

Nrg50k.png
Ara
Cevapla PGM
Teşekkür verenler:
#2
Güzel olmuş.
Ara
Cevapla PGM
Teşekkür verenler:
#3
@Corleone konuyu güncelledim haberin olsun.
Ara
Cevapla PGM
Teşekkür verenler:
#4
@Hatake kendin kodladığın mavi renkte teman var mı ?
Ara
Cevapla PGM
Teşekkür verenler:
#5
Harika Olmuş Kardeşim Ellerine Sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Başarılı Olmuş Ellerine sağlık.
Ara
Cevapla PGM
Teşekkür verenler:
#7
(03-01-2016 Saat: 13:58)Subjeq Nickli Kullanıcıdan Alıntı: @Hatake kendin kodladığın mavi renkte teman var mı ?

Yok ama yakın bir zamanda kodlanacak. @Subjeq
Ara
Cevapla PGM
Teşekkür verenler:
#8
@Hatake dağıttığın zaman hemen kullanırım :)
Ara
Cevapla PGM
Teşekkür verenler:
#9
Güzel olmuş
Cevapla PGM
Teşekkür verenler:
#10
Güncel...
Ara
Cevapla PGM
Teşekkür verenler:
#11
Güzel menu ellerinize sağlık
Ara
Cevapla PGM
Teşekkür verenler:
#12
Sade ve şık ellerine sağlık güzel olmuş
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 3 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping