Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lado-be

Mouse Over

Recommended Posts

Gostaria de saber como fazer aquele efeito de mouse over .... Eu quero colocar uma foto e quando o mouse passar em cima dele ,um texto ira aparecer do outro lado da tela, se alguem puder me ajudar explicando ou me indicar um tuto eu aceito ..abraços, lado-be .... ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ae lado-b...c eh chatao , mas vou te ajudar..heheheheh os 2 direto do photoshopEntão..basicamente eh assim..... você poe a imagem, ai o texto q você quer q apareça deve estar dentro de uma layer..entao você tem q desenhar a layer..e escrever o texto dentro...Ai nos behaviors, tem um esquema chama Show-Hide Layers...você poe o behavior hide com o atributo onload na tag body...ou seja qdo o body carregar ela deixa a layer escondida...certo?Ai você clica na sua imagem e poe o behavior show com o atributo onclick na tag da imagem...ai qdo você clicar o layer apareceEh mais ou menos assim..ai c vai adaptando p/ você...beleza?

Compartilhar este post


Link para o post
Compartilhar em outros sites

OU

 

Na barra de ferramentas em cima, na aba common, no icone rollover image

 

Na janela é so adicionar os dados.

 

Image Name = Nome da imagem

Original Image = A imagem que aparece

Rollover Image = Imagem que vai aparecer, quando colocar o mouse

Alternat text = texto alternativo (Se não aparecer a imagem, mostra esse texto)

When Clicked, Go To URL = Link da imagem

Compartilhar este post


Link para o post
Compartilhar em outros sites

lembrando que voce pode atribuir Vis = Hidden selecionando a layer e mudando na barra de propriedades assim nao precisa criar um behavior pra ela ficar raiden sacou ?Abração,Carlos.

Compartilhar este post


Link para o post
Compartilhar em outros sites

brigadão msm galera ... valeu carlos ... o fabio me falou de você .. hehehe

Tranquilao cara precisando é só falar !!!msn: carlos@litoralinght.comCarlos. ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.