kali ini kita akan membahas bagai mana menambahkan menu dibawah header di blog kamu baik la tidak perlu panjang lebar h3llb0y yakin sudah pada paham kan yang nama nya menu,ok langsung ikuti langkah langkah sebagai brikut:
/*The top Menu*/
#top{
margin:auto;
padding: 0;
width: 100%;
background:#000000;
border-bottom:1px solid #373127;
}
#top-wrap{
margin:auto;
padding: 0;
width: 960px;
background:#000000;
}
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: georgia; font-weight:bold; font-size:10px;display:block;padding:10px 10px;color:#fff;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}
/*The top Menu*/
#med{
margin:auto;
padding: 0;
width: 100%;
background:#000000;
}
#med-wrap{
margin:auto;
padding: 0;
width: 960px;
}
.mednav ul {list-style:none;margin:0;padding:0px; float:left;}
.mednav li {float:left;margin:0;text-align:center;}
.mednav li a {font-family: georgia; font-weight:bold; font-size:11px;display:block;padding:10px 10px;color:#000000;text-decoration:none; text-transform:lowercase;}
.mednav li a {background:none; }
.mednav li a:hover, li a:focus, li a:active {text-decoration:underline; color:#000000;}
#navbar-iframe {
display: none !important;
}
<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='http://www.h3llb0y.co.tv/'>Home</a></li>
<blink><li><a href='http://www.h3llb0y.co.tv' title='tools online'>tools online</a></li></blink>
<li><a href='http://www.h3llb0y.co.tv' title='Tv online'>Tv online</a></li>
<li><a href='http://www.h3llb0y.co.tv' title='Brita olahraga'>brita olahraga</a> </li>
<li><a href='http://www.h3llb0y.co.tv' title='Tutorial'>tutorial</a></li>
<li><a href='http://www.h3llb0y.co.tv' title='Hacking'>hacking</a> </li>
<li><a href='http://www.h3llb0y.co.tv' title='facebook'>facebook</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>
0 komentar:
Posting Komentar