Please Copy This HTML Code for Multi Level Drop Down Menu
<style type="text/css">
.createawebsitediv ul{/* Vertical menu */
}
.createawebsitediv ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 11px Arial,Lucida Grande, Lucida Sans Unicode;
width: 160px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
}
.createawebsitediv ul li{
position: relative;
}
/*Sub level menu items */
.createawebsitediv ul li ul{
position: absolute;
width: 160px; /*sub menu width*/
top: 0;
visibility: hidden;
}
/* Sub level menu links style */
.createawebsitediv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #800000;
text-decoration: none;
background: #F2E2BD;
padding: 3px;
border: 0px solid #C00000;
border-bottom: 1px solid #FFFFFF;
}
.createawebsitediv ul li a:visited{
color: #800000
}
.createawebsitediv ul li a:hover{
background-color: #C00000;
}
.createawebsitediv ul li a:hover{
color: #FFFFFF;
font: normal 13px Arial,Lucida Grande, Lucida Sans Unicode;
}
.createawebsitediv .subfolderstyle{
background: #F2E2BD;
}
/* Holly Hack for IE \*/
* html .createawebsitediv ul li { float: left; height: 1%; }
* html .createawebsitediv ul li a { height: 1%; }
</style>
<script type="text/javascript" src="http://www.linkbuildingservices4sites.com/resources/multi-level-menu-html.js"></script>
<div class="createawebsitediv">
<ul id="createawebsite1">
<li><a href="http://www.yourlinkhere.com/">HOME</a>
<ul>
<li><a href="http://www.yourlinkhere.com/">MULTI LEVEL DROP DOWN MENU</a></li>
<li><a href="http://www.yourlinkhere.com/">GREEN GEEKS HOSTING</a></li>
</ul>
<li><a href="http://www.yourlinkhere.com/">MAKE A WORDPRESS WEBSITE</a>
<ul>
<li><a href="http://www.yourlinkhere.com/">BUILD QUALITY LINKS</a></li>
</ul>
<li><a href="http://www.yourlinkhere.com/">CHECK FOR BROKEN LINKS ON WEBSITE</a>
<ul>
<li><a href="http://www.yourlinkhere.com/">WEBSITE ANALYSIS</a></li>
</ul>
</ul></div>
0 comments:
Post a Comment