janeiro 25, 2011

Tutorial - Imagem que muda quando o mouse passa por cima


Vi esse efeito em uma imagem e adorei, então é bem simples.
Crie duas imagens do mesmo tamanho, copie o url delas, e repita a imagem que
vai aparecer na frente que esta sendo indicada em azul, e em roxo é a imagem
que vai aparecer apenas quando o mouse passar por cima! em verde para quando
clicar nela ser redirecionado para outra pagina ou site que você queira. Código abaixo.

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


Exemplo:


Qualquer duvida me pegunte beijo. obs: ainda estou na Lan House quando eu voltar gente
vou fazer muitoooooos posts novos beijos!

27 comentários:

  1. Adorei o tutorial, que bom que postou hoje néh, bjs!

    www.modasoblog.blogspot.com

    ResponderExcluir
  2. Oiii lihttp://lucinesousa.blogspot.com/nda me segue estou te seguindo bj bj

    ResponderExcluir
  3. Adorei seu blog, e ja estou seguindo!! Visite o meu tbm!

    Beijos!

    http://ilikedress.blogspot.com/

    ResponderExcluir
  4. Adorei a dica!!
    Obg por visitar meu blog, Kissus.

    cherry-liah.blogspot.com

    ResponderExcluir
  5. Oi! Vim aqui lhe fazer um convite: É que eu queria que seu blog fizesse parte dos elite afiliados lá do meu blog, vc aceita?
    Kissus

    cherry-liah.blogspot.com

    ResponderExcluir
  6. Oi! Vim aqui lhe fazer um convite: É que eu queria que seu blog fizesse parte dos elite afiliados lá do meu blog, vc aceita?
    Kissus

    cherry-liah.blogspot.com

    ResponderExcluir
  7. Gostei dessa dica!

    beijos
    blogloucamistura.blogspot.com

    ResponderExcluir
  8. Ameei esse tutorial *-*
    Deve ser legal fazer um link-me com esse efeito =D
    Beijinhos!

    ResponderExcluir
  9. Oie, segue meu blog que eu te sigo www.surpedolls.blogspot.com

    ResponderExcluir
  10. I loved this, great!!
    Fantastic post!!
    xx

    Henar
    ...OH MY VOGUE

    ResponderExcluir
  11. Have a happy Saturday and a sweet sweet Sunday! xx

    ResponderExcluir
  12. muito legais as dicas q vc da para melhorar os layouts! bjos

    ResponderExcluir
  13. Oii.
    Gostei do seu blog.
    Pode seguir o meu ?
    http://xxx-memories-xxx.blogspot.com/
    Ficarei muito feliz em ver você lá no meu cantinho.

    Obrigada pela atenção, beijoos !

    ResponderExcluir
  14. ameeei o blog e os tutos, seguindo, segue la de volta?
    www.donamoda-carolldebora.blogspot.com

    ResponderExcluir
  15. Tem selinho pra você no blog!
    http://meninaconvergente.blogspot.com/2011/02/awards-do-mes.html?showComment=1296601850578#c332888529910424464

    ResponderExcluir
  16. menina seu blog é lindo d+!!

    obrigada pela visitinha em meu blog..


    bjss

    avidademalu.blogspot.com

    designdesenhos.blogspot.com

    ResponderExcluir
  17. SABE SSE TITURIAL TEM COMO COLOCAR EM TEXTO,ME RESPONDE NO MEU BLOG,AQUI NO BLOG TEM O ESSE TURORIAL...

    ResponderExcluir
  18. Oii, tudo bem ? Nossa, eu AMEEI o blog ! O layout, as cores, os posts, os tutoriais...TUDO é maravilhoso ! *-* Dá uma passadinha lá no meu blog, e se gostar aceita parceria ? www.clara-rodriguez.blogspot.com

    Beeijos:***

    ResponderExcluir
  19. Obrigad a todas pelos elogios, e quem pediu pramim visitar e seguir o blog, fiquem transquilas vou ver todos, beijos

    ResponderExcluir
  20. Sim, ainda queremos que vc faça parte dos afiliados xD
    Vou lhe linkar, ok? Kissus

    cherry-liah.blogspot.com

    ResponderExcluir
  21. Consegui*_*, beijão., espero sua volta!*
    http://thegossipfame.blogspot.com

    ResponderExcluir
  22. #HeyLiah: ook flor. :)

    #Gossip Fame: que bom, volteeei *-*

    # Vestidas para matar: Obrigada flor

    ResponderExcluir
  23. amei! vou fazer lá, seus tuto's me ajudam muito <3

    ResponderExcluir