<ul id="nav">
<li><a href="userguide/"><font style='font-size: 5px;'>{a}</font> Userguide</a>
<!-- -->
<li><a href="javascript:void(0);"></a>
<ul>
<li><a href="javascript:void(0);">-</a>
<ul>
<li><a href="javascript:void(0);"> -</a>
<ul class="forth">
<li><a href='spambase-google/'><font style='font-size: 5px;'>{a}</font> Google</a></li>
<li><a href="spambase-keywords/"> </a></li>
<li><a href="spambase-backlink/"> </a></li>
<li><a href="spambase-keywords-backtrack/"> / </a></li>
<li><a href='spambase-monitoring/'><font style='font-size: 5px;'>{a}</font> </a></li>
<li><a href="errparse/"><font style='font-size: 5px;'>{a}</font> </a></li>
<li><a href="forms-analysis/"><font style='font-size: 5px;'>{a}</font> </a></li>
</ul>
</li>
<li><a href="javascript:void(0);"> -</a>
<ul class="forth">
<li><a href="spambase-list-import/"> </a></li>
<li><a href="spambase-file-import/"> </a></li>
</ul>
</li>
<li><a href="javascript:void(0);"> -</a>
<ul class="forth">
<li><a href="spambase-summary/"></a></li>
<li><a href="spambase-edit/"></a></li>
<li><a href="spambase-delete/"></a></li>
<li><a href="spambase-join/"></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="javascript:void(0);"> </a>
<ul>
<li><a href="keyword-parser/"> </a></li>
<li><a href="keyword-parser-view/"> </a></li>
<li><a href="javascript:void(0);"> </a>
<ul class="forth">
<li><a href="keyword-list-import/"> </a></li>
<li><a href="keyword-file-import/"> </a></li>
</ul>
</li>
<li><a href="keyword-category/"> </a></li>
</ul>
</li>
<li><a href="javascript:void(0);"></a>
<ul>
<li><a href="javascript:void(0);"> </a>
<ul class="forth">
<li><a href="domain-add/"> </a></li>
<li><a href="domain-edit.php"> </a></li>
<!-- <li><a href="javascript:void(0);"> </a></li> -->
</ul>
</li>
<!-- <li><a href="javascript:void(0);"> </a></li> -->
<!-- <li><a href="javascript:void(0);"> </a></li> -->
</ul>
</li>
<li><a href="javascript:void(0);"></a>
<ul>
<li><a href="proxy-base-status/"> </a></li>
<li><a href="javascript:void(0);"> </a>
<ul class="forth">
<li><a href="proxy-list-import/"> </a></li>
<li><a href="proxy-file-import/"> </a></li>
</ul>
</li>
<li><a href="javascript:void(0);"> </a>
<ul class="forth">
<li><a href="proxy-source/"> </a></li>
<li><a href="ticket-edit/?presub=%CF%F0%E5%E4%EB%EE%E6%E5%ED%E8%E5+%F0%E5%F 1%F3%F0%F1%E0+%E4%EB%FF+%EF%E0%F0%F1%E8%ED%E3%E0+% EF%F0%EE%EA%F1%E5%E9"> </a></li>
</ul>
</li>
</ul>
</li>
<li><a href="javascript:void(0);">Blog-o-gen</a>
<ul>
<li><a href="rssthemes/"></a></li>
<li><a href="blogs-new/"><font style='font-size: 5px;'>{a}</font> </a></li>
<li><a href="blogs-list/"><font style='font-size: 5px;'>{a}</font> </a></li>
</ul>
</li>
</ul>
</li>
<!-- -->
<!-- -->
<li><a href="javascript:void(0);"></a>
<ul>
<li><a href="javascript:void(0);"></a>
<ul>
<li><a href="generate-template-edit/"> </a></li>
<li><a href="generate-template-base/"> </a></li>
</ul>
</li>
<li><a href="javascript:void(0);"> </a>
<ul>
<li><a href="generate-profile-edit/"> </a></li>
<li><a href="javascript:void(0);"> </a></li>
</ul>
</li>
<li><a href="generate-door-one-page/"> </a></li>
<li><a href="generate-door-mul-page/"> </a></li>
</ul>
</li>
<!-- -->
<!-- -->
<li>
<a href="javascript:void(0);"></a>
<ul>
<li><a href="spam-hand-task/"> </a>
<li><a href="spam-domain-find/"><font style='font-size: 5px;'>{a}</font> </a>
<li><a href="spamforms/"></a>
<li><a href="spamtb/"></a>
<li><a href="view-doorway/"> </a>
</ul>
</li>
<!-- -->
<!-- -->
<!-- <li><a href="javascript:void(0);"></a></li> -->
<!-- -->
<!-- -->
<li><a href="viewlog/"></a></li>
<li><a href="javascript:void(0);">PT </a>
<ul>
<li><a href="logs/?pt=aw"> </a></li>
<li><a href="logs/?pt=ex"> </a></li>
<li><a href="logs/?pt=cp"></a></li>
</ul>
</li>
<li><a href="javascript:void(0);"></a>
<ul>
<li><a href="ticket-edit/"> </a></li>
<li><a href="ticket-list/"> </a></li>
</ul>
</li>
<!-- -->
<li><a href="javascript:void(0);"><font style='font-size: 5px;'>{a}</font> </a>
<ul>
<li><a href="redirect-view-stat/"> </a></li>
<li><a href="redirect-control/"></a></li>
</ul>
</li>
<!-- -->
<li><a href="profile/"></a></li>
<li><a href="news/"></a></li>
<li><a href="javascript:void(0);"><font style='font-size: 5px;'>{a}</font> </a>
<ul>
<li><a href="check-doorway/"> / </a></li>
<li><a href="users/"></a></li>
<li><a href="view-useract/"> </a></li>
<li><a href="process/"></a></li>
<li><a href="help/"></a></li>
<li><a href="blacklist/">Blacklist</a></li>
<li><a href="try-query/"> </a></li>
<li><a href="txtjoin/"></a></li>
<li><a href="tbping/">-</a></li>
<li><a href="lookresults/"></a></li>
<li><a href="lookblnk/">- </a></li>
</ul>
</li>
</ul>
</div>
css:
#container {
background: #0C9B00 no-repeat 99% 10px;
text-align: left;
margin: 0 0;
width: 870px;
}
h1 {
margin: 0;
letter-spacing: -0.1ex;
font-size: 1.8em;
}
h2 {
margin: 0;
letter-spacing: -0.1ex;
font-size: 1.5em;
}
p {
margin: 0;
}
#nav, #nav ul {
list-style: none;
margin: 0;
padding: 0;
background: #0C9B00;
float: left;
width: 100%;
z-index: 1;
overflow: visible;
}
#nav li {
float: left;
position: relative;
background: #0C9B00;
background: none;
overflow: visible;
z-index: 1;
}
#nav a {
color: #ffffff;
text-decoration: none;
display: block;
width: 55px;
padding: 4px 8px;
background: url(/img/dot.png) repeat-y right;
z-index: 0;
overflow: visible;
}
#nav a:hover {
color: #ffffff;
background: #36A32D;
z-index: 0;
}
#nav li:hover,
#nav li.jshover {
background: #36A32D;
z-index: 0;
}
#nav li ul {
display: none;
position: absolute;
background: #0C9B00 url(/img/fone-tr.png);
padding: 8px 0;
width: 138px;
z-index: 0;
}
#nav li li a {
width: 118px;
background: none;
z-index: 0;
}
#nav li:hover ul,
#nav li.jshover ul {
display: block;
z-index: 0;
}
#nav li:hover li ul,
#nav li.jshover li ul {
display: none;
width: 138px;
top: -9px;
left: 118px;
lef\t: 117px;
z-index: 0;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
display: block;
z-index: 1;
overflow: visible;
}
#nav li:hover li:hover ul.forth,
#nav li.jshover li.jshover ul.forth {
display: none;
z-index: 0;
}
#nav li:hover li:hover li:hover ul.forth,
#nav li.jshover li.jshover li.jshover ul.forth {
display: block;
z-index: 0;
}
