Okaeri! Sê bem vindo(a), ao blog um espaço onde eu posto diversos assuntos relacionados com a cultura asiática, como fotografia, filmes, músicas e outras coisas!


Olá! sou a Mei viciada em música e apaixonada por fotografia ♥_♥, mas também gosto de comentários, por isso se gostou daqui siga-nos e comente, ficarei muito feliz!

Tutorial | Trocar imagens ao passar com o rato

||
   Decidi passar para vos deixar um tutorial bem fácil e rápido de se fazer... então, hoje vou explicar como colocar imagens que quando se passa com o rato por cima ela troca por outra, para os que não perceberam têm um exemplo em baixo...

 +  =    
Então a 1ª imagem é a que se vê sempre e a 2ª imagem é a que aparece quando se passa com o rato por cima. O resultado é este... parece que o fundo é que muda de cor mas na realidade não passam de duas imagens.

Para colocares apenas tens de copiar o código a baixo:
<a href="https://www.facebook.com/mei.chan.3538039" target="_blank"><img border='0' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_EypHA5cCnWqMlVMZWxsxJMPMJA4qygt1DXc0lOHGDPSFVDUa-B75_PMouqTWqnO1g__1vXWJz2R2Aui9XfO-FeWUrJJSKhRXFV22Dtcomln8hVmt2n06-Zi9j7HEtSMPKo501bovdVI/s1600/fff_1.png&apos;' onmouseover='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMhRi06EzvXD6tFR8CJgFnt9qNQScaGV01hLXkE2FpfLSmB3gDG4KIZYloFnOiGuIGc7JQ4l3rw0_FySJSRnfz0aRi1uFWBF_zeRSTM7Ky9EVqTKSx4HWnjJxnOHEKnGmadAcFwkoWwM/s1600/ff_2.png&apos;; return true' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_EypHA5cCnWqMlVMZWxsxJMPMJA4qygt1DXc0lOHGDPSFVDUa-B75_PMouqTWqnO1g__1vXWJz2R2Aui9XfO-FeWUrJJSKhRXFV22Dtcomln8hVmt2n06-Zi9j7HEtSMPKo501bovdVI/s1600/fff_1.png'/></a></div>

Só tens de substituir o que está sublinhado pela hiperligação das imagens que queres usar... no primeiro e no último link é a 1ª imagem, e no segundo link é a imagem que aparece quando passas com o rato, para que o efeito seja mais giro eu recomendo que usem imagens com o mesmo tamanho...
O que está a itálico é o link que querem ir quando clicarem na imagem, se não quiseres colocar apenas tens de apagá-lo.

Em baixo dou mais alguns exemplos de como podes usar ^^
 +  =      
 +  =      

Tens mais imagens da Park Shin Hye para usares aqui (www), bem é só isso, espero que tenhas gostado e Ja ne!

Sem comentários:

Enviar um comentário

Sente-te à vontade para escrever o que quiseres, eu gosto de comentários ^^, não sejas um leitor fantasma (〜 ̄▽ ̄)〜
Só não te esqueças que qualquer comentário considerado agressivo e ofensivo será excluído, fora isso deixa a tua opinião...
em baixo tens smiles japoneses é só copiar e colar ^^
(^_^) (^o^) (O_O) (o_O) (*^*) (*O*) (u_u) (>_<) (^_^)/~~ ^(*-*)^ (#_#)
(☉_☉) (ノ^_^)ノ ~(‾▿‾~) ~(‾▿‾)~ (u_u) (/^▽^)/ (* >ω<) (ノ ̄д ̄)ノ 。^‿^。
(~ ̄³ ̄)~ (* ̄з ̄) (¬_¬”) (>O<) (9_9) (xOx) (T_T) (♥_♥) (^ω^) (?_?)