Tutorial - Menu Zoom 360

Boa tarde gente *-*

Sei que todos gostam de tutoriais, materiais e muitas outras coisas. Agora só posso trazer mas tutoriais e poucos materiais, meu PhotoShop deu bug e não estou conseguindo baixa-lo novamente. Quem puder ajudar é só deixar o contato ai nos comentários ! Daqui a algumas semanas eu paro de postar só tutoriais mas é que eu também acho legal isso :3. Espero que vocês estejam gostando, sei que nenhum de vocês estão deixando um comentário isso me deixa muito magoada {...} Mas fazer oque né ? É a vida . Parou de papo e vamos ao tutorial ;

Exemplo de menu 

Cole esse código no seu CSS

./***Menu zoom 360 tipo 1 por Giovanna - pequena mágoa, se usar credite e não retire esses créditos***/
zoomgt {font-family: verdana; letter-spacing: 1px; font-size: 11px; line-height: 13px; display: inline-block; background: #000; color: #828282; width: 110px; padding: 5px; margin: 1px; text-align: center; text-transform: lowercase; -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
zoomgt:hover {font-family: verdana; letter-spacing: 1px; font-size: 11px; line-height: 13px; display: inline-block; background: #000 url('LINK DO PATTERN NO HOVER'); color: #fff; width: 110px; -webkit-transform: rotate(360deg) scale(2);
    -moz-transform: rotate(360deg) scale(2);
    -o-transform: rotate(360deg) scale(2);
    -ms-transform: rotate(360deg) scale(2);
    transform: rotate(360deg) scale(2);
    -webkit-box-shadow: 0px 1px 8px -1px #828282;
box-shadow: 0px 1px 8px -1px #828282;
  }}

  Troque LINK DO PATTERN NO HOVER pelo link do pattern/imagem que quer que apareça no hover.

Agora vá em Design  Layout  Adicionar um Gadget  HTML/JavaScript

E cole isso :

<a href="LINK"><zoomgt>NOME DO LINK</zoomgt></a>
<a href="LINK"><zoomgt>NOME DO LINK</zoomgt></a>
<a href="LINK"><zoomgt>NOME DO LINK</zoomgt></a>
<a href="LINK"><zoomgt>NOME DO LINK</zoomgt></a>
<a href="LINK"><zoomgt>NOME DO LINK</zoomgt></a>
<a href="LINK"><zoomgt>NOME DO LINK</zoomgt></a>