Usando o Rollover Image

Publicado em: 20/08/2007  |  DreamWeaver  |  Visualizações: 3.111  |  0 Comentário(s)
> O Que É: Um efeito simples e útil que quando você passa o mouse sobre uma imagem ela se "transforma" em outra. Pode também seu um link.

> Como Fazer:

1. Vá no Menu Insert > Interactive Images > Rollover Image. Ou procure pela imagem abaixo.



2. Abrirá uma janela. No 1° quadro você nomeia a imagem. No 2° você escolhe a imagem principal e no 3° quadro a imagem que aparecerá quando passar o mouse sobre a imagem original. O 4° quadro é opicional, nele você pode colocar uma palavra ou frase que queira que aparece quando o mouse parar sobre a imagem depois de alguns segundos.E no 5° e último quadro você pode colocar um link para onde queira que vá a página após o clique na
imagem.



3. Está feita sua Rollover Image

compartilhe
  Dica: Confira todo nosso conteúdo de DreamWeaver no site.
Links patrocinados
Últimos artigos do editor

photoshop.gif Efeito Revista em Quadrin.
Um simples tutorial de como .
dw.jpg Modo Código ou modo Desig.
Veja aqui, nesta coluna a di.
banda_larga_160x120.JPG Hubs
Nessa coluna estaria mostran.
banda_larga_160x120.JPG PING
Apresenta do que se trata o .
fireworks.jpg Papel Envelhecido
Venho por meio desse tutoria.
banda_larga_160x120.JPG Como criar um Servidor FT.
Neste tutorial, você vai apr.
Opinião do leitor:
0 Comentário(s)
Acesso restrito
Destaques
Peixe Grande 2008 Peixe Grande 2008
O Oficina da Net está este ano participando do Projeto Peixe Grande 2008 na categoria de Blog. Ajude-nos vote!
13º Encontro de Webdesgin 13º Encontro de Webdesgin
Cobertura do evento - 13º Encontro de Webdesgin na cidade de Porto Alegre
Galaxy 7 - O Smartphone da Asus Galaxy 7 - O Smartphone da Asus
Imagens e especulações sobre o Smartphone da empresa foram publicadas na internet
Links patrocinados
Autor
Artigos Relacionados
Novos Artigos
Assine nosso RSS

© 2005 - 2008 - Oficina da Net - v 3.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.