30 de jan de 2014

Menu inverse


Yooo minna! Tudo bem com vocês?  Faz tempo que uma leitora do blog pediu tutorial de como fazer um menu igual ao do RE. Ele é bem simples e também fica bem legal no blog. Créditos no final da post!


Vá no modelo do blog > Clique em editar HTML > dê um F3 "dentro da caixinha de códigos" e procure por ]]></b:skin>

ACIMA desta tag cole o código abaixo:

/*Menu Inverse - Pequena Garota*/
inverse{
color: #cordafonte;
text-align:center;
font-size: 11px;
background: #cordefundo;
padding: 2px;
float: left;
margin: 2px;
width: 21%;
-webkit-transition-duration: .80s;
border-radius: 50px;
-moz-transition: 0.7s ease-out;
transition: 0.7s ease-out;
}
inverse:hover{
background: #cordefundohover;
color: #cordafontehover;
-webkit-transition-duration: .80s;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);}

O próprio código explica o que deve ser feito!
Para escolher as cores do seu menu consulte essa tabela --> aqui

Para colocar nos Gadgets é só usar o código abaixo, substituindo substituir as partes em negrito pela URL e o nome do blog respectivamente.

<a href="URL"><inverse>NOME</inverse></a> 

Créditos: Sweet Miki, Pequena Garota

Nenhum comentário:

Postar um comentário