KODE HTML 3D Imenu in blue

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN">
         
            3D Imenu in blue Preview
                <style type="text/css">
<!--
/* CSS Tabs */
#navlist {
        color: white;
        background: #17a;
        border-bottom: 0.2em solid #17a;
        border-right: 0.2em solid #17a;
        padding: 0 1px;
        margin-left: 0;
        width: 20em;
        font: normal 10px Verdana, sans-serif;
}


#navlist li {
        list-style: none;
        margin: 0;
        font-size: 1em;
}


#navlist a {
        display: block;
        text-decoration: none;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        color: white;
        background: #39c;
        border-width: 1px;
        border-style: solid;
        border-color: #5bd #035 #068 #6cf;
        border-left: 1em solid #fc0;
        padding: 0.25em 0.5em 0.4em 0.75em;
}


#navlist a#current { border-color: #5bd #035 #068 #f30; }


#navlist a {
        width: 99%;
        /* only necessary for Internet Explorer */
}


#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 9.6em;
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}


#navcontainer>#navlist a {
        width: auto;
        /* only necessary if you use the hacks above for the Internet Explorer */
}


#navlist a:hover, #navlist a#current:hover {
        background: #28b;
        border-color: #069 #6cf #5bd #fc0;
        padding: 0.4em 0.35em 0.25em 0.9em;
}


#navlist a:active, #navlist a#current:active {
        background: #17a;
        border-color: #069 #6cf #5bd white;
        padding: 0.4em 0.35em 0.25em 0.9em;
}
-->
</style>
               




       
                <h4>3D Imenu in blue</h4>


                <div id="navcontainer">
                        <ul id="navlist">
                                <!-- CSS Tabs -->
<li><a id="current" href="Home.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Support.html">Support</a></li>
<li><a href="Order.html">Order</a></li>
<li><a href="News.html">News</a></li>
<li><a href="About.html">About</a></li>


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

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