Menu Crooked

Hooy meninas,passei o dia todo com dor de cabeça aff,eu estava olhando o Adolescente Nerd e vi um tutorial muito legal de um menu super fofo e vim  mostrar para vocês.Vocês gostaram da nova adm Anna Esther eu conheço ela pessoalmente eu estudei com ela só que ela teve que sair no meio do ano por causa de alguns problema mas agente continua sendo melhores amigas.

vejam um preview

Vá em Modelo>Editar Html>Aperte Ctrl e procure por:

 ]]></b:skin>

Cole o código abaixo acima de ]]></b:skin>:

/*** Menu Crooked *****/
.menu{text-align: center;}
.menu a { background: #f4ccd2; color: #fff; width: 80px;display: inline-block; padding: 4px; font-size: 8px; font-family:"04b03", small fonts; font-size:8px; text-transform: uppercase;letter-spacing : 1px; margin: 1px; text-shadow: 1px 1px 1px #e7b8c0; border-bottom: 1px solid #e1a7b0; border-left: 1px solid #e1a7b0;-webkit-transition-duration: .50s;
-webkit-transform: translateX(-3%) rotate(-3deg);}
.menu a:hover {background: #f5d0d5;-webkit-transition-duration: .50s;-webkit-transform: translateX(+3%) rotate(+3deg);}
.menubox {padding: 2px;text-align: justify; color: #fff; margin-bottom: 10px; margin-top: 10px;-webkit-transition-duration: .50s;}
/*** Fim do Menu Crooked *****/

 Agora cole o código abaixo em um Html/JavaScript

<div class="menubox">
<div class="menu">
<a href="LINK">Curiosidades</a>
    <a href="LINK">Utilitários</a>
    <a href="LINK">Tutoriais</a>
    <a href="LINK">Anime</a>
    <a href="LINK">Em breve</a>
    <a href="LINK">Em breve</a>
</div>
</div>

Créditos:Adolescente Nerd//oficial