Códigos:
]]></b:skin>
#jsddm {
margin-left:-2px;
padding-left: 10px;
z-index:1000000000;
position:relative;
}
#jsddm li {
float: left;
list-style: none;
font: 10px Tahoma, Arial;
}
#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 0px;
border: 1px solid #AAAAAA;
background: #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));
background: -moz-linear-gradient(top, #ebebeb, #cccccc);
padding: 6px 15px 6px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 12px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
#jsddm li a:hover {
background: #C8C8C8;
}
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}
#jsddm li ul li {
float: none;
display: inline;
}
#jsddm li ul li a {
width: auto;
background: #CAE8FA;
}
#jsddm li ul li a:hover {
background: #A3CEE5;
}
<ul id="jsddm">
<li><a href="#">Menu 0</a>
<li><a href="LINK AQUI">Título</a>
<li><a href="LINK AQUI">Título<</a>
<li><a href="LINK AQUI">Título<</a>
<li><a href="LINK AQUI">Título<</a></li>
<li><a href="LINK AQUI">Título<</a></li>
<li><a href="LINK AQUI">Título<</a></li>
<li><a href="LINK AQUI">Título<</a></li>
<li><a href="LINK AQUI">Título<</a></li>
<li><a href="LINK AQUI">Título<</a></li>
<li><a href="LINK AQUI">Título<</a></li>
</li></li></li></li></ul>
Menu Horizontal CSS
Assinar:
Postar comentários (Atom)
0 comentários:
PARTICIPE DO SITE. DEIXE A SUA OPINIÃO.