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