Tutorial: Menu Sweet

( Rsrs, engraçadinha! )

Boa Tarde Meninas! ><

Como eu só posto Goodies aqui no 4Teen, eu tenho que fazer a minha parte. 

Eu trouxe um tutorial hoje, é lá do blog  Sweet Help, e eu achei ele bem útil, espero ajudar todas e todos.rs' Preview

Vamos então né ? 

1- Vá em HTML ( Modelo > HTML >  Prosseguir ) Clique Ctrl + F ou  F3, e procure pelo código: ]]></b:skin> e acima da tag cole: 

/* ------- menu sweet by mariane sh não copie ---- */

.menu-item {position: relative;display: inline-block;height: alturapx; opacity: 0.3;text-decoration: none;

-moz-transition: all 1s ease;

-webkit-transition: all 1s ease;

-o-transition: all 1s ease;

transition: all 1s ease; } .menu-item:hover {opacity: 1; /* Firefox */ -moz-transform: scale(2) rotate(30deg) translate(50px);

-webkit-transform: scale(1.2) rotate(30deg) translate(50px);

-o-transform: scale(2) rotate(30deg) translate(50px); /* Standard */ transform: scale(2) rotate(30deg) translate(50px); z-index: 1000; }

Não Mude Nada.

2- Logo depois, vá em Layout > Adicione um Gadget HTML/JavaScript e cole:

 <a href="Link" class="menu-item"><img src="Link da imagem"></a>

Agora, é só mudar as partes que estão em negrito. Muito fácil não ? szsz'

Beijos e espero ter ajudado Meninas!