14 de mai de 2013

Tutorial - Efeito mudança da imagem.


Olá Sonhos 

Tudo Legal ?
Bom como eu disse,faria o possível para postar pra vocês ,e como prometido,hoje vim ensinar um efeito muito bacana e super prático,os créditos vão ao Other Things =D

Clique em Leia Mais. 


Aprenda de uma maneira bem rápida e fácil, para quando você quiser, fazer aquele efeito da imagem mudar quando encostar o mouse. 





  


1- Vá em Design, Elementos de Página e adicione um Gadget (HTML/JavaScript) e cole o seguinte código:

<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />


2- Escolha as imagens que você irá utilizar, e as hospede em algum site. Recomendo o TinyPic. Depois, substitua de acordo com o primeiro código.


Dúvidas? Pergunte por comentário! Espero ter ajudado.




~Só isso por hoje >.< ...Pouco mas prático e útil o///

Se quiserem outro Tuto é só comentar  ,ok?

Bjs u.u

9 comentários:

  1. Bem bacana o tutoria,mais poderia ter demo né....


    Beijos.....

    ResponderExcluir
    Respostas
    1. Não é necessário,não tem nenhum efeito somente uma troca de imagens ;D
      ~Bjs e obrigada p/ comentar u.u

      Excluir
  2. Muito legal =)
    Já sigo o blog, poderia seguir e votar na enquete do meu? http://rain-of-shine.blogspot.com/
    2bjus

    ResponderExcluir
  3. Bem legal o tuto, gostei e_e' Já vi esse efeito antes, usava nos afiliados, ~3

    ~ Kisses

    - 4 Seconds.

    ResponderExcluir
  4. Bem legal, já conhecia :33
    Lindo blog,
    Beijous | MinhaVidaForadeSeerie.blogspot

    ResponderExcluir

Deixe um comentário ♥

Related Posts Plugin for WordPress, Blogger...