Tutorial : Menu Sweet

Todos os créditos ao We Heart HTML

Oi Oi gente C:

 Vou trazer hoje para vocês um menu que eu achei muito fofinho, peguei ele no Sweet Help, aqui até um preview dele[www]. Se quiser saber como fazer clique em Leia Mais c:

Primeiro, vá na parte de HTML do seu blog (Modelo > Editar HTML > Prosseguir) de Ctrl + F ou F3 e F3 e procure por ]]></b:skin> e acima 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 mode nada. Agora, vá em Layout, adicione um Gadgets HTML/JavaScript e cole isso:

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

Mude as partes em Negrito e salve. Muito fácil não? Beijos s2, o blog de encomendas ficou muito lindo e sei que vocês vão amar.