21/12/2012

Menu Sweet


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

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.

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345