Menu Sweet

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

Brevia do efeito

1. Pra adiciona-lo vá em seu HTML e procure por ]]></b:skin e acima dele cole:

Códigos

/* ------- 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; }

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

Códigos

<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.