#1 Colocando Hover Em Uma Imagem Html Qui Dez 15, 2011 7:57 am
BrunoSouza
Designer
Exemplo:
<a href="SITE"><img onmouseover="this.src='HOVER.png'" onmouseout="this.src='IMAGEM.png'" style="width: 100px; height: 100px;" src="IMAGEM.png" /></a>
SITE = Você vai colocar o link da imagem
IMAGEM.png = Você vai colocar a primeira imagem.
HOVER.png = Você vai colocar a segunda imagem.
IMAGEM.png = Você vai colocar a primeira imagem.
width: 100px = Você vai colocar o tamanho da imagem.
height: 100px = Você vai colocar a altura da imagem.
Creditos do tutorial: BDesign
Espero que gostem (:
<a href="SITE"><img onmouseover="this.src='HOVER.png'" onmouseout="this.src='IMAGEM.png'" style="width: 100px; height: 100px;" src="IMAGEM.png" /></a>
SITE = Você vai colocar o link da imagem
IMAGEM.png = Você vai colocar a primeira imagem.
HOVER.png = Você vai colocar a segunda imagem.
IMAGEM.png = Você vai colocar a primeira imagem.
width: 100px = Você vai colocar o tamanho da imagem.
height: 100px = Você vai colocar a altura da imagem.
Creditos do tutorial: BDesign
Espero que gostem (:
Última edição por BrunoSouza em Qui Dez 15, 2011 2:29 pm, editado 1 vez(es) (Motivo da edição : Arrumado (:)