Membuat Top navigasi Posisi Fix

Menunya kaya gini nih:


menu yang paling atas, kalo di scroll ke bawah menunya akan tetap di situ terus nggak kemana-mana
kecuali halamn nya di tutup

1.masuk css (diatas ]]></b:skin> / didalam <style type='text/css'> dan apalah namanya) template masukin kode ini


/* Top navigation */
#dani-nav{
font-weight:bold;
background:#9e200b;
height:28px;
width:100%;
min-width:400px;
position:fixed;
top:0;left:0;
overflow:hidden;
z-index:9999;
}

#dani-nav ul{
margin:0 auto;
width:970px
}

#dani-nav ul li{
float:left;
margin:0 0 0 0;
list-style-type:none;
}

#dani-nav ul li a{
line-height:28px;
padding:0 15px;
color:#fff;
font-size:13px;
display:block;
text-decoration:none;
}

#dani-nav ul li a:hover{

background:rgba(0,0,0,0.1) !important;

}



#dani-nav bisa dei ganti suka² ente yang penting sama dengan aturan penulisan css spt ini


kalo yang pake tanda "#" itu untuk selector "class"
kalo pake "." biasanya untuk "id" kadang² bisa juga nggak pake "." langsung huruf

lanjut lagi sesuai judul:

untuk penempatan navigasi ini harus di bawah </head>
supaya hasil sesuai contoh di Blog ini
ini kodenya:




<div id='dani-nav'>
<ul>

<li><a class='active' href='/'>Home</a></li>
<li><a href='tes'>a</a></li>
<li><a href='#'>b</a></li>
<li><a href='#'>c</a></li>
<li><a href='#'>d</a></li>
<li><a href='#'>e</a></li>
</ul>


</div>

Huruf a sampai e nama² menunya, ganti aja sesuka hati.

sekian dlo yah,
kalo nggak ngerti nanya aja, nggak usah malu², lebih malu lagi kalo nggak brani nanya
Thanks

Comments

Popular posts from this blog

Yamaha F1Z, Motor legendaris yang masih digemari saat ini.