5 de abr de 2013

0

Tutorial: Menu Sweet

Tumblr_mkr8hgranx1r8whw3o1_500_large
( 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!


  


Nenhum comentário: