Design & Blog
Que tal criar uma conta no Design & Blog?

Registrado você pode ver os links e imagens postados em nossos fóruns, criar novos tópicos, responder tópicos e mandar mensagens para seus amigos.

Você também pode se conectar pelo Facebook, uma forma mais fácil e melhor para a sua conta.

Ta esperando o que?

Participe do fórum, é rápido e fácil

Design & Blog
Que tal criar uma conta no Design & Blog?

Registrado você pode ver os links e imagens postados em nossos fóruns, criar novos tópicos, responder tópicos e mandar mensagens para seus amigos.

Você também pode se conectar pelo Facebook, uma forma mais fácil e melhor para a sua conta.

Ta esperando o que?
Design & Blog
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Entrar

Esqueci-me da senha

Navegação
 Portal
 Índice
 Membros
 Perfil
 FAQ
 Buscar
Procurar
 
 

Resultados por:
 


Rechercher Pesquisa avançada

Últimos assuntos
» Download do Fireworks
[TUTORIAL] Criando efeito Hover em Imagens EmptyDom Dez 02, 2012 12:46 am por Mafioso

» [VIDEO AULA] Removendo o fundo da imagem - Fireworks
[TUTORIAL] Criando efeito Hover em Imagens EmptyQua maio 23, 2012 5:44 pm por Jonas

» [VIDEO AULA] Colocando contorno no texto - Coreldraw
[TUTORIAL] Criando efeito Hover em Imagens EmptyQua maio 23, 2012 5:43 pm por Jonas

» [VIDEO AULA] Criando gif/banner animado - Fireworks cs5
[TUTORIAL] Criando efeito Hover em Imagens EmptyQua maio 23, 2012 5:41 pm por Jonas

» Desenhando o Android usando o Coreldraw
[TUTORIAL] Criando efeito Hover em Imagens EmptyQui maio 17, 2012 3:58 pm por Jonas

» [VIDEO-AULA] Colocando batom - Photoshop
[TUTORIAL] Criando efeito Hover em Imagens EmptySáb maio 12, 2012 8:54 am por Jonas

» [VIDEO-AULA] Transformando foto em desenho - Photoshop
[TUTORIAL] Criando efeito Hover em Imagens EmptySáb maio 12, 2012 8:52 am por Jonas

» [VIDEO-AULA] Como criar mensagem PopUp - Dreamweaver
[TUTORIAL] Criando efeito Hover em Imagens EmptySáb maio 12, 2012 8:50 am por Jonas

» [VIDEO-AULA] Como criar reflexo no texto - Fireworks
[TUTORIAL] Criando efeito Hover em Imagens EmptySex maio 11, 2012 6:48 pm por Jonas

Parceiros
[TUTORIAL] Criando efeito Hover em Imagens HwXVm
Fórum grátis


[TUTORIAL] Criando efeito Hover em Imagens

Ir para baixo

[TUTORIAL] Criando efeito Hover em Imagens Empty [TUTORIAL] Criando efeito Hover em Imagens

Mensagem por Jonas Seg Fev 20, 2012 8:22 am

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



[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]



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]
Jonas
Jonas
Admin
Admin

Mensagens : 35
Data de inscrição : 19/02/2012
Idade : 26
Localização : Em casa \o/

https://designeblog.directorioforuns.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos