Menu Sexy
OIIINS. Esse é meu primeiro menu, e eu até que gostei dele :)
Clique para ver o demo.
Bom, vamos lá.
No demo, eu coloquei azul e tal, mas a cor você pode escolher. Vamos ao CSS(entre <style> e </style>):
/* MENU POR LEONICKY - LOVER-BIPOLAR- NÃO RETIRE OS CRÉDITOS*/
#menusexy { font-family: ‘Patrick Hand SC’, cursive;
font-size: 16px; color: #CORDALETRA; background-color: #CORDACAIXA; padding: 20px; width: 40px}
#menusexy a {display: block; font-family: ‘Patrick Hand SC’, cursive;
font-size: 20px ; background-color: #CORDALETRAQUANDOPASSAOMOUSE}
#menusexy a:hover {font-family: ‘Patrick Hand SC’, cursive;
font-size: 10px; background-color: #CORDOFUNDOQUANDOCLICA; padding: 15px; width: 20px; height: 10px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;border: 3px dotted #CORDOPONTILHADO;}
#deitadasenxual {
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
}
Reparem, que eu coloquei onde você vai mudar as cores de cada coisinha do menu.
Agora, onde quer que o menu apareça, vai colocar:
<div id=”menusexy”><div id=”deitadasenxual”>
<a href=”URL”>link</a>
<a href=”URL”>link</a>
<a href=”URL”>link</a>
<a href=”URL”>link</a>
<a href=”URL”>link</a>
<a href=”URL”>link</a>
<a href=”URL”>link</a>
<a href=”URL”>link</a>
</div></div>
Mude o que quer, caso queira tirar alguma aba, retire um “<a href=”URL”>link</a>”, caso queira colocar mais alguma, faça o contrário.
Menu feito totalmente por mim, Leonicky. Não reblog, não repasse, não copie e nunca retire os créditos.
