| Entrance |
29 Mayıs 2016 18:20 |
Navbar Üst Menü
Merhaba arkadaşlar,
Bugün forumla uğraşırken neden burası için bir üst menü yapmıyım ki, düşüncesi ile yapmış olduğum menüyü bitirdim. Buradan da kullanmak isteyenler olur düşüncesiyle de paylaşıyorum.
1.) Admincp'ye giriş yapın, ( Stiller & Temalar), ( Temalarda ara) bölümünde navbar kelimesini aratıp, navbar templatesini bulun ve açın, pencerenin en üst bölümünde bulunan <br/> etiketinin hemen bir alt satırına aşağıdaki kodları ekleyin.
Kod:
<div class="ustmenu">
<ul>
<li><a href="index.php">Anasayfa</a></li>
<li><a href="http://www.lookjapan.com/online.php">Kimler Online</a></li>
<li><a href="http://www.lookjapan.com/showgroups.php">IF Yönetim</a></li>
<li><a href="http://www.lookjapan.com/banned.php">Banlı Üyeler</a></li>
<li><a href="mailto:info@[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]forum.com">İletişim</a></li>
</ul>
</div>
2.) Yine aynı bölümde, ( Stiller & Temalar), ( Stil Yönetimi) bölümüne geçiş yaparak bütün ayarlara git butonuna tıklayın. İlave CSS alanının en altına veyahutta herhangi biryerine aşağıdaki kodları ekleyin.
Kod:
.ustmenu {
width:100%; height:35px;
background:#04465C; border-radius: 5px 5px 5px 5px
}
.ustmenu ul {
margin: 0; padding: 0; list-style:none
}
.ustmenu ul li {
float:left
}
.ustmenu ul li a{
display:block; width: 160px; height: 15px;
color:#fff; font-family:Tahoma; font-weight:bold;
text-align:center; padding:10px 0 0 0; margin: 0 0 0 70px
}
.ustmenu ul li a:hover{
color: gray;
text-decoration:underline
}
NOT: Menü şu anda burada görmüş olduğunuz üst menüdür. Photoshop'tan anlamadığımdan dolayı yazıların yanlarına küçük ikonlar eklemedim, geliştirmek ve değiştirmekte özgürsünüz. ) |
