Fixed Horizontal menu


Menu Horinzontal top fixed berarti menu yang berada di bagian atas blog dan saat di scroll akan tetap mengikuti scroll, Coba anda scroll ke bawah dan lihat menu nya pasti akan mengikuti kemanapun anda scroll.

#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #DDD;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    }

#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0
    }

#nav li {
    float: left
    }

#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc;
    font: 13px Arial, sans-serif
    }

#nav li:first-child a {
    border-left: 1px solid #ccc
    }

#nav li a:hover {
    color: #c00;
    background-color: #fff
    }



<div id="nav">
<ul>
<li><a href="http://sin1aja.blogspot.com/2012/04/horizontal-menu-tema-abu-abu.html">Menu Abu - Abu</a></li>
<li><a href="http://sin1aja.blogspot.com/2012/04/menghentikan-redirect-blogger-ke-custom.html">Redirect</a></li>
<li><a href="http://sin1aja.blogspot.com/2012/04/menu-warna-warni-colorfull-menu.html">Warna - Warni</a></li>
<li><a href="http://sin1aja.blogspot.com/2012/04/membuat-status-loading-blog-part.html">Status Loading</a></li>
</ul>
</div>

Labels: