Normal hali
Üstüne gelince ise böyle
kodları ise bunlar
şablom setleri > Header > Header En üstüne ekliyoruz
not :mavi alanın içindekileri siliyoruz ve ekliyoruz bu kodları
Üstüne gelince ise böyle
kodları ise bunlar
Kod:
#powermenu {
background: gray ;
border-top: red 3px solid ;
list-style-type: none;
height: 40px ;
font-family: sans-serif ;
color: red;
}
#powermenu li {
float: left;
}
#powermenu li a {
text-decoration: none;
line-height: 10px;
color: ;
padding: 15px ;
display: block ;
transition: 200ms all ;
}
#powermenu li a:hover{
background: gray ;
border-top: red solid 5px ;
}
#powermenu li .active {
background: gray ;
}
şablom setleri > Header > Header En üstüne ekliyoruz
not :mavi alanın içindekileri siliyoruz ve ekliyoruz bu kodları
Kod:
<div id="powermenu">
<li><a href="index.php">Ana Sayfa</li></a>
<li><div class="active"><a href="#">Forum</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>