quarta-feira, abril 27, 2011

Imagem que muda quando passa o mouse *-*

Hello ♥ Hoje como sempre néh... estou muuuito sem assunto =/ ainda mais isso de ter de estudar&estudar&estudar não ajuda muito #blebleble' Por isso vou ensinar pra vocês como se faz uma imagem que, quando você passa o mouse por ela, a imagem muda *-* !
Primeiro, faça duas imagens do mesmo tamanho, sem mais nem menos, do mesmo tamanho -se não, dá errado!- Hospede-as onde quiser.

Agora copie o código:
<a href="LINK DO BLOG" onmouseout="document.images['myimage'].src='IMAGEM;" onmouseover="document.images['myimage'].src='IMAGEM';" target="_blank"><img border="0" id="myimage" src="IMAGEM" /></a>
Agora onde tem:
LINK DO BLOG - você coloca o link para onde quem clicar na imagem vai ser redirecionado.
IMAGEM - Url da 1ª imagem (mas só onde tem o IMAGEM em vermelho ok?)
IMAGEM - Url da segunda imagem (só onde tem o IMAGEM azul.)

Exemplo de como ficará:

Beiijoow's *-* (Créditos: Material Extra)

3 comentários:

  1. Olá, sou do blog Paradise Girls.
    Sempre estamos conhecendo novos blogs, e fazendo novas amizades através disso, e adoramos.
    Achei seu blog e é a primeira vez que visito, e eu amei.
    Já estou seguindo.
    Beijos,
    http://paradiisegirls.com

    ResponderExcluir
  2. Oi Tem Award Pra vccs No My Blog http://7segredosdosdivos.blogspot.com/p/selinhosaward.html

    ResponderExcluir
  3. seguidora 40!!!
    segue o meu tbm e participa do concurso ok???
    ahhh,realizei sua meta!!uhuuu!
    http://blogpink-dagabi.blogspot.com

    ResponderExcluir