21/12/2012

Tutorial: Menu Sweet

||

Yo minna-san! Trago mais um menuzinho bem legal pra vocês! O nome dele é Menu Sweet vejam aqui.
E ai gostou? Creditos.

Pra adiciona-lo vá em seu HTML e procure por ]]></b:skin e acima dele 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; }


Agora vá em layout, adicionar um gadget/JavaScript e cole esse código:

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



Agora é só arrumar onde esta em negrito, pela imagem que deseja que apareça no menu.

Nenhum comentário:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram