Merhaba Arkadaşlar Flat Bir Menü Kodladım İnşallah Beğenirsiniz
önce demo
Admin KP Temalar & Şablonlar Temalar Temanız Global.CSS
En Sona Ekleyiniz:
Daha Sonra
Admin KP Temalar & Şablonlar Şablonlar Temanız Templates Header Şablonlar Header
Açın Menü Kodunu Silin Ve Yerine Bunu Yapıştırın. Ve Kaydedin
önce demo
Kod:
http://codepen.io/dream41/pen/VepePg
Admin KP Temalar & Şablonlar Temalar Temanız Global.CSS
En Sona Ekleyiniz:
Kod:
.dream41menu {
background: #e74c3c;
border-bottom: #c0392b 4px solid ;
list-style-type: none;
height: 40px ;
font-family: sans-serif ;
color: #fff ;
margin: bottom;
}
.dream41menu li {
float: left;
}
.dream41menu li a {
text-decoration: none;
line-height: 10px;
color: #fff;
padding: 15px ;
display: block ;
transition: 200ms all ;
}
.dream41menu li a:hover{
background: #444444;
}
.dream41menu li .active{
background:#444444;
}
Daha Sonra
Admin KP Temalar & Şablonlar Şablonlar Temanız Templates Header Şablonlar Header
Açın Menü Kodunu Silin Ve Yerine Bunu Yapıştırın. Ve Kaydedin
Kod:
<div class="dream41menu">
<li><div class="active"><a href="index.php">Ana Sayfa</div></li></a>
<li><a href="portal.php">Portal</li></a>
<li><a href="memberlist.php">Üye Listesi</li></a>
<li><a href="showteam.php">Yönetim Kadrosu</li></a>
</div>