10 de abr. de 2013

Tutorial - Menu Giratório

Oi Oi Gente!
Desculpem só postar agora é que eu passei a tarde toda lendo "Fazendo Meu Filme 1" e consegui ler em um dia, super recomendo é muito bom! Como consta na agenda hoje é o sia de tutoriais....
Trouxe um tutorial do menu que a Kaorii usou naquele template da Demi Lovato, que cá pra nós é bem bonito! ~Totais créditos ao Kawaii World


O primeiro é a visualização normal do menu e o segundo ao passar o mouse.
A transição não é direta, o menu gira antes de passar para a outra "fase".


1. Em editar HTML, procure por ]]></b:skin> e acima do código, cole:

Visualize o código clicando aqui.

2. Depois de personalizar como desejar, cole o seguinte código em um gadget de HTML/JavaScript:

<a href="SEULINK.COM"><div id="menu" onmouseover="this.innerHTML='NOMECOMMOUSE'"onmouseout="this.innerHTML='SEMMOUSE'">SEMMOUSE</div></a> <br />
Não tem muito o que explicar.

Em seulink.com, cole a url do que quiser.
Nome com mouse: Cole o que vai aparecer quando passarem o mouse na bolinha.
Sem mouse: é o que aparece normalmente.

2 comentários:


- Antes de qualquer coisa, fale um pouco da postagem.
- Não desrespeite ninguém e nem o blog!
- Aceito criticas construtivas.
- NÃO aceito APENAS: Seguindo, segue de volta?