Olá povoo ~~ fiz um menu expansível pra vocês, é só editar...
Ai está o código:
<div id="tutos">
<a href="javascript:void(0);">Passe o mouse</a>
<br />
<div id="aparek">
<br /> <!--- Esse BR serve para pular linha em html --><br />
<li><a href="javascript:void(0);">Opção</a></li>
<li><a href="javascript:void(0);">Opção</a></li>
</div>
</div>
<style>
#tutos{
cursor:pointer;
border-radius:6px;
width: 200px;
height:20px;
OVERFLOW:hidden;
font-family:open sans;
background:#364A5D;
padding:10px;
}
#tutos a{
color:#fff;
text-decoration:none;
}
#tutos a:hover{
text-decoration:none;
}
#tutos:hover{
width:200px;
height:auto;
transition:all 3s;
OVERFLOW-y:auto;
}
#aparek a{
color:#f9f9f9;
}
#aparek {
padding-top: 0px;
font-size: 10px;
color: #fff;
}
</style>
0 comentários:
Postar um comentário
Obrigada por comentar, deixe seu blog no comentário para eu retribuir *-*