TUTORIAL - MENU INVERSE


Boa tarde kawaii's.Como estão vocês? Eu estou bem.Bom, estava tão apertada com trabalhos e deveres da escola que nem deu tempo de postar, 1° ano do ensino médio é tão puxado :/ as vezes tenho saudades do tempo em que eu reclamava que o dever era apenas separar as sílabas.Bons tempos, né mesmo?
Tá, chega de lamentações.Trouxe hoje um menu lindo que eu vi no Pequena Garota, o menu inverse.Antes de começar o tutorial, visualize o menu clicando aqui.Espero que gostem. 

Vá em Modelo - Editar HTML, dê Ctrl+F e pesquide por ]]></b:skin>
Quando achar, coloque acima da tag 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);
}


Edite as partes em negrito com as cores que preferir.
Após editar, vá em Layout - Adicionar um Gadget e adicione o gadget HTML/JavaScript
No gadget coloque o seguinte código: 

<A HREF="URL 1"><INVERSE>NOME</INVERSE></A> 

É só editar e pronto.

Espero que tenham gostado.Beijos!  

6 comentários:

  1. Nyahhhh que esse menu é super fofo!!! :3
    Chu~~~

    ResponderExcluir
  2. Que menu lindo, amei talvez use no meu próximo lay!
    Beijos
    Brigadeiro-Vintage.blogspot.com

    ResponderExcluir
  3. A gente reclamava do ensino fundamental, e agora vê que o médio é muito pior rs'
    Amei o efeito desse menu *u*

    Kisses Just Again / Clique para visitar.

    ResponderExcluir
    Respostas
    1. Com certeza, agora eu vejo como o fundamental era bom.
      É lindo esse efeito.
      Kiss!

      Excluir

-Não aceito palavrões.
-Não faça ofensas ao blog, só aceito critícas caso elas forem construtivas ao blog.
-Não comente apenas com um "seguindo, segue de volta?".
-Faça um comentário sobre a postagem lida.
-Deixe o link do blog no fim do comentário, assim poderei retribuir o carinho.