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='http://4.bp.blogspot.com/-DW6RnVR89Ss/UwkxmoCfe2I/AAAAAAAATIU/wiQafsn8z1s/s1600/fff_1.png'' onmouseover='this.src='http://3.bp.blogspot.com/-aJSLVNhj-Ss/UwkxnDYGaSI/AAAAAAAATIc/wKjbZEUkcfM/s1600/ff_2.png'; return true' src='http://4.bp.blogspot.com/-DW6RnVR89Ss/UwkxmoCfe2I/AAAAAAAATIU/wiQafsn8z1s/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='http://4.bp.blogspot.com/-DW6RnVR89Ss/UwkxmoCfe2I/AAAAAAAATIU/wiQafsn8z1s/s1600/fff_1.png'' onmouseover='this.src='http://3.bp.blogspot.com/-aJSLVNhj-Ss/UwkxnDYGaSI/AAAAAAAATIc/wKjbZEUkcfM/s1600/ff_2.png'; return true' src='http://4.bp.blogspot.com/-DW6RnVR89Ss/UwkxmoCfe2I/AAAAAAAATIU/wiQafsn8z1s/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) (♥_♥) (^ω^) (?_?)