Olá galera hoje vou ensinar a como criar um submenu é muito fácil!
vamos la..eu fiz um menu básico e vocês podem editar e tals do jeito que quiser!
Código do menu html + css:
<div id="submenubpd">pronto agora é só customizar o css do seu jeito!
<li><a href="#">Home</a></li>
<li><a href="#">Editar</a></li>
<li><a href="#">Editar</a></li>
<ul>
<li><a href="#">Editar</a></li>
<li><a href="#">Editar</a></li>
</ul>
</div><style>
#submenubpd{
list-style-type:none;
}
#submenubpd li{
position: relative;
float: left;
padding: 9px;
height: 23px;
background-color: #000;
line-height: 28px;
}
#submenubpd li a{
font-size:13px;
color:#fff;
text-decoration:none;
}
#submenubpd li ul{
position: absolute;
top: 25px;
left: -35px;
display: none;
}
#submenubpd li:hover ul, .submenubpd ul li:hover ul, .submenubpd.li.over ul, .submenubpd li ul li.over ul{
display:block;
}
#submenubpd li ul li {
height:25px;
width:150px;
line-height:25px;
display:block;
}
</style>
0 comentários:
Postar um comentário
Obrigada por comentar, deixe seu blog no comentário para eu retribuir *-*