Menu em imagens!

Me pediram em comentário no Cbox,  então aqui está, o tutorial de menu em imagens,

o resultado é perfeito, clique em Leia mais e veja o tutorial completo.



Para poder usar esse menu, vá em Design, Add um gadget
e add o seguinte gadget HTML/JavaScript, e cole esse código aqui ↓

<a href="LINK DO SEU BLOG"target="_blank" onMouseOver="document.images['myimage'].src='URL DA 2º IMAGEM';" onMouseOut="document.images['myimage'].src='URL DA 1º IMAGEM';">
<img src="URL DA 1º IMAGEM" border="0" id="myimage"/></a>

Ele ficará de um forma que quando você passa o Mouse, a imagem irá mudar, então é necessário 2 imagens com a mesma letra mas com cores diferente, ou com o fundo diferente, vai variar da sua criatividade.

Uma outra forma que você pode usar


É igual do blog Evelyn's Place, que quando você passa o mouse ele sobe.
ele foi feito da seguinte maneira, usando 2 imagens uma de forma pequena e a outra maior, lembrando que todas as imagens deve ter a mesma altura.

Exemplo:
Primeira imagem        Segunda imagem

 

Imagem do blog material-extra.


Se vocês quiserem que eu coloque algumas imagens de menu para vocês poderem pegar, me avise nos comentários que eu farei com o maior prazer.

♥ Thanks to Material-Extra