Entrar
Procurar
Últimos assuntos
Tópicos semelhantes
[TUTORIAL] Criando efeito Hover em Imagens
Página 1 de 1
[TUTORIAL] Criando efeito Hover em Imagens
Para quem não sabe, efeito hover é quando uma imagem muda quando o mouse passa sobre ela. A maioria dos web designers usam em seus blogs/sites.. Nesse tutorial vou usar o Dreamweaver cs5, mas funciona em todas as versões do programa.
Como criar efeito hover em imagens - Dreamweaver
1 - Crie um novo documento HTML
2 - No menu superior, clique em Insert (Inserir) > Image Objects > Rollover Image
OBS: Hospede a Original Image e a Rollover Imagem. Recomendo usar o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Image Name - Coloque um nome para a imagem.
Original image - Link (Direct Link no Tinypic) da imagem que aparecerá antes do efeito hover.
Rollover image - Link (Direct Link no Tinypic) da imagem que vai aparecer quando o mouse passar na Original Image.
When clicked, Go to URL - Link que vai ser aberto ao clicar na imagem.
3 - Após preencher, aperte em ok e pronto (:
Fonte: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Como criar efeito hover em imagens - Dreamweaver
1 - Crie um novo documento HTML
2 - No menu superior, clique em Insert (Inserir) > Image Objects > Rollover Image
OBS: Hospede a Original Image e a Rollover Imagem. Recomendo usar o [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Image Name - Coloque um nome para a imagem.
Original image - Link (Direct Link no Tinypic) da imagem que aparecerá antes do efeito hover.
Rollover image - Link (Direct Link no Tinypic) da imagem que vai aparecer quando o mouse passar na Original Image.
When clicked, Go to URL - Link que vai ser aberto ao clicar na imagem.
3 - Após preencher, aperte em ok e pronto (:
Fonte: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Tópicos semelhantes
» [Tutorial] Efeito Fogo
» [TUTORIAL] Criando banner animado
» [TUTORIAL] Criando texto em linear com Fireworks
» [TUTORIAL] Criando banner animado
» [TUTORIAL] Criando texto em linear com Fireworks
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Dom Dez 02, 2012 12:46 am por Mafioso
» [VIDEO AULA] Removendo o fundo da imagem - Fireworks
Qua maio 23, 2012 5:44 pm por Jonas
» [VIDEO AULA] Colocando contorno no texto - Coreldraw
Qua maio 23, 2012 5:43 pm por Jonas
» [VIDEO AULA] Criando gif/banner animado - Fireworks cs5
Qua maio 23, 2012 5:41 pm por Jonas
» Desenhando o Android usando o Coreldraw
Qui maio 17, 2012 3:58 pm por Jonas
» [VIDEO-AULA] Colocando batom - Photoshop
Sáb maio 12, 2012 8:54 am por Jonas
» [VIDEO-AULA] Transformando foto em desenho - Photoshop
Sáb maio 12, 2012 8:52 am por Jonas
» [VIDEO-AULA] Como criar mensagem PopUp - Dreamweaver
Sáb maio 12, 2012 8:50 am por Jonas
» [VIDEO-AULA] Como criar reflexo no texto - Fireworks
Sex maio 11, 2012 6:48 pm por Jonas