Tutorial - Menu Curious

Olá gente bonita ~

Gente, ontem minha noite foi emocionante. Eu estava lá de boa no meu facebook quando vejo uma postagem com uma direta, isso mesmo, uma direta, não foi indireta. Até marcaram o garoto lá nos comentários, ficamos o quase todo o tempo falando dele, apesar de algumas horas fugirmos do assunto, como quando eu fui falar que adoro coxinha, e falamos um pouco de comida, mas enfim, tudo é muito louco nas postagens do facebook.

Enfim, hoje vim trazer pra vocês uma coisa que nem estava na agenda, quis trazer um tutorial de menu, coisa que não trago a tempos aqui no blog. Gostaram da nova forma que estou organizando a postagem? Percebi que fica mais organizado depois que fiz uma postagem com o texto justificado, pra mandar pra Sakura pra poder passar pro Empire Lovers. Enfim, para ver o menu deixei num dos gadgets a Live Preview. Se usarem creditem, e podem reblogar, com devidos créditos claro.

1. Vá em editar HTML, clique no seu html e dê ctrl+f. Procure por ]]></b:skin>, quando achar cole o seguinte código acima dessa tag.

@font-face {font-family: "Arma Five"; src: url('http://static.tumblr.com/bsalulu/qxQmmc6lm/pf_arma_five.ttf');}
.MenuCurious{
background: #f3f3f3;
border-bottom: 1px solid #ccc;
font-family: 'Arma Five';
text-align: left;
font-size: 8px;
color: #a7a7a7;
padding-left: 7px;
text-shadow: 0px 0px 2px #eee;
-webkit-transition: all 0.50s ease;}
.MenuCurious:hover{
background: #f6f6f6;
border-bottom: 1px dotted #ccc;
font-family: 'Arma Five';
font-size: 8px;
color: #a7a7a7;
text-shadow: 0px 0px 2px #eee;
padding-left: 7px;
text-align: left;
-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);}

Edite tudo que eu destaquei de negrito, fora isso não mude mais nada. Eu selecionei somente as cores, para o menu por ficar personalizável, se quiserem que fique com as mesmas cores da preview não mude nada, se quiser modificar, personalize com outras cores.

2. Para usar, crie um gadget de HTML/Javascript, e cole o seguinte código:

<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>
<a href="SEULINK"><div class="MenuCurious">- Menu</div></a>

Para adicionar mais links ao menu, é só repetir.

E fim, o menu é bem simples, mas útil. Se usarem creditem.