30 de nov de 2013

Menu Closed


Oieee seus lindos hoje eu vou ensinar a fazer um menu muuuuuito bonitinho, o Closed olhem:
Gif: Birthday Cake

Enfim pra começar procurem por ]]></b:skin> mas para facilitar procure por:
]]>
E acima dessa TAG cole o seguinte código:

/*** MENU CLOSED POR SONHANDO ACORDADA ***/
.menuzinho
{background: #eddcdc; /* fundo */
 color: #3e1010; /* cor da fonte */
 font-family: 'ronda'; /* fonte */
 text-transform: uppercase;
 font-size: 8px; /* tamanho da fonte */
 text-align: center; /* posicionaento do texto */
 border-left: solid 6px #3e1010; /* bordinha do lado */
 width: 50%; padding: 3px; margin: 1px; spacing: 0px;
 display: inline-block; -webkit-transition-duration: .90s;}
menuzinho:hover /* menu depois que passa o mouse */
{background: #eddcdc; /* fundo */
 color: #3e1010; /* cor da fonte */
 border-right: solid 6px #d83e76; border-left: solid 0px #d83e76; /*  borda do lado hover */
 width: 50%; padding: 3px;
 margin: 1px
; -webkit-transition-duration: .90s;}
 @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
Personalize conforme o que tá ali e seja feliz...
Beijooos <3

Nenhum comentário:

Postar um comentário