TAMPILAN MENU NAVIGASI ZDNet Emulation


KODE HTML ZD Net Emulation

<br />
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN">
        
               <style type="text/css">
<!--
/* CSS Tabs */
#navcontainer {
        background: #369;
        border-top: 1px solid #9CC;
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlistd {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlistd {
                text-align: center
        }
}

#navlistd li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlistd li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlistd a, #navlistd a:link, #navlistd a:visited {
        background: #1958b7;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlistd a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlistd a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlistd li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlistd li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlistd #active a, #navlistd #active a:link, #navlistd #active a:visited, #navlistd #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}
-->
</style>
            <div id="navcontainer">
                        <ul id="navlistd">
                                <!-- CSS Tabs -->

<li><a
href="http://plesetanvanjava.blogspot.com">ASMUNI VAN JAVA</a></li>
<li><a href="http://settingvanjava2.blogspot.com">DISAIN VAN JAVA 2</a></li>
<li><a href="http://setting-online7.blogspot.com">ASMUNI VAN JAVA 2</a></li>
<li><a href="http://guitarvanjava.blogspot.com">GUITAR VAN JAVA</a></li>
<li><a href="http://contohvanjava.blogspot.com">CONTOH VAN JAVA</a></li>


                        </ul>
                </div>
       
</!doctype>

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | JCPenney Coupons