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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_EypHA5cCnWqMlVMZWxsxJMPMJA4qygt1DXc0lOHGDPSFVDUa-B75_PMouqTWqnO1g__1vXWJz2R2Aui9XfO-FeWUrJJSKhRXFV22Dtcomln8hVmt2n06-Zi9j7HEtSMPKo501bovdVI/s1600/fff_1.png'' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMhRi06EzvXD6tFR8CJgFnt9qNQScaGV01hLXkE2FpfLSmB3gDG4KIZYloFnOiGuIGc7JQ4l3rw0_FySJSRnfz0aRi1uFWBF_zeRSTM7Ky9EVqTKSx4HWnjJxnOHEKnGmadAcFwkoWwM/s1600/ff_2.png'; 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!
<a href="https://www.facebook.com/mei.chan.3538039" target="_blank"><img border='0' onmouseout='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_EypHA5cCnWqMlVMZWxsxJMPMJA4qygt1DXc0lOHGDPSFVDUa-B75_PMouqTWqnO1g__1vXWJz2R2Aui9XfO-FeWUrJJSKhRXFV22Dtcomln8hVmt2n06-Zi9j7HEtSMPKo501bovdVI/s1600/fff_1.png'' onmouseover='this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMhRi06EzvXD6tFR8CJgFnt9qNQScaGV01hLXkE2FpfLSmB3gDG4KIZYloFnOiGuIGc7JQ4l3rw0_FySJSRnfz0aRi1uFWBF_zeRSTM7Ky9EVqTKSx4HWnjJxnOHEKnGmadAcFwkoWwM/s1600/ff_2.png'; 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) (♥_♥) (^ω^) (?_?)