Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul {
left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li
li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
</style>
<div id='cat-nav'>
<li><a href='http://siipendiam.blogspot.co.id'>Beranda</a></li>
<li><a href='http://siipendiam.blogspot.co.id/search/label/Tutorial'>Tutorial</a>
<ul id='sub-custom-nav'>
<li><a href='http://siipendiam.blogspot.co.id/search/label/Android'>Android</a></li>
</ul>
</li>
<li><a href='http://siipendiam.blogspot.co.id/search/label/Pendidikan'>Pendidikan</a></li>
<li><a href='http://siipendiam.blogspot.com'>About</a></li>
</ul>
</div>
<style>
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
#cssmenu {
height: 49px;
background: #141414;
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a',
EndColorStr='#141414', GradientType=0);
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: #141414;
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a',
EndColorStr='#141414', GradientType=0);
color: #ffffff;
display: inline-block;
font-size: 12px;
line-height: 49px;
padding: 0 20px;
text-decoration: none;
#cssmenu ul {
list-style: none;
#cssmenu > ul {
float: left;
float: left;
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -10px;
border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
background: #070707;
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c',
EndColorStr='#070707', GradientType=0);
background: #070707;
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c',
EndColorStr='#070707', GradientType=0);
#cssmenu .has-sub {
z-index: 1;
display: block;
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
#cssmenu .has-sub ul li a {
background: #0fa1e0;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
background: #0c7fb0;
display: block;
display: none;
position: absolute;
left: 100%;
top: 0;
background: #0c7fb0;
background: #095c80;
}
</style>
<div id='cssmenu'>
<ul>
<ul>
<ul>
</ul>
</li>
<ul>
</ul>
</li>
</ul>
</li>
<li><a href='#'><span>About</span></a></li>
<li><a href='#'><span>Contact</span></a></li>
</ul>
</div>