4 de abr. de 2012

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 

6 comentários :

  1. Ponhe algumas imagens sim, Ruth por favor *-*

    World-cutest.tk

    ResponderExcluir
  2. Ameeeeeeeeeeeeei essa ideia de que ele sobe! Eu, toda burrinha.. Nem tinha pensado na ideia de simplesmente subir a imagem um pouco na segunda u.u
    Beijoo!

    ResponderExcluir
  3. Ola, adorei o blog e estou seguindo, pode seguir de volta?
    Kisses
    http://gigi-crazyblog.blogspot.com

    ResponderExcluir
  4. Hey Girl.... tem concurso lá no meu blog, valendo muitos prémios, PARTICIPE !!

    http://sweet-flower-laura.blogspot.com.br/2012/04/concurso-best-flower.html

    ResponderExcluir
  5. seu blog e muito legal,flor!
    da uma passadinha la no meu?por favor?se gostar seg

    Coisas De Menina Pra Menina

    ResponderExcluir
  6. em vez de colocar afiliados eu vou colocar em parcerias ok?

    ResponderExcluir

Sem chingamentos porfavor ;)
Todos os comentários serão respondidos.