Skip Navigation Links
Novas Tecnologias
Ferramentas Adicionais
Ferramentas Adicionais


Dica No :
520
Assunto : DreamWeaver
Titulo: Criando um texto explicativo

Gostou do texto ? Vote e dê sua opinião! Pontuação atual :

Translate this page now :






Adicione aos Favoritos!
BlogBlogs Rec6 Linkk Ueba Technorati Delicious DiggIt! StumbleUpon


Podemos criar um efeito semelhante aquelas caixas de ajuda que vemos ao passar o mouse sobre um ícone, no Dreamweaver.

Usando layers e o recurso Hide/Show layers podemos aplicar esse efeito em textos, figuras e até mesmo em tabelas.

1) Digite um texto qualquer;
2) Insira uma layer um pouco acima ou abaixo do texto em questão;
3) Escreva uma mensagem nessa layer (alguma explicação sobre o texto, por exemplo);
4) Formate a seu gosto;
5) Selecione a layer e no Inspetor de Propriedades, defina-a como Hide;
6) Abra a janela de Comportamentos – Window – Behavior;
7) Clique na seta dessa janela e selecione a opção Show-Hide Layers;
8) Defina Show para a layer selecionada (preste atenção ao nome da layers);
9) Substitua a opção que aparecer na Janela Behavior, por On Mouse Over (com o mouse sobre);
10) Continuando com a layers selecionada, clique novamente sobre o Botão + da janela Behavior e selecione de novo Show-Hide Layers;
11) Defina agora a layers como Hide;
12) Mude a opção da janela Behavior para OnMouseOut (com o mouse for a)

O que acabamos de definir é que quando o mouse estiver sobre a layers ela ficará vísivel, mas ao sair se tornará invisivel.

Vamos agora, fazer o mesmo procedimento no texto:

1) Selecione o texto;
2) Na janela Behavior, selecione Show-Hide layers;
3) Selecione o nome da layers e marque a opção Show;
4) Defina OnMouseOver na janela Behavior;
5) Clique novamente em Show-Hide Layers;
6) Selecione o nome da layers e marque a opção Hide;
7) Defina OnMouseOut na janela Behavior.

O que acabamos de definir é que quando o mouse estiver sobrer o texto a layer aparecerá, mas ao sair de cima do texto, ela ficará invisivel.

Lembrando que podemos aplicar o mesmo metodo trocando o texto por outro objeto, como figura, outra layer ou uma tabela.


Patricia Daltro

Nome :
E-mail:
Comentarios :
 
 
Os Últimos Comentários
data: 1/2/2008 5:29:00 PM
nome: thiago nakao
email: thiago.nakao@sky.com.br
comentário:
Oi Patrícia, tudo bem?

Muito bom o seu artigo, mas eu tenho uma dúvida? como eu faço para trabalhar com múltiplos layers? Eu tenho uma tabela com umas 10 linhas e preciso inserir um texto explicativo em cada uma das linhas.

Você pode me ajudar?

Obrigado.

Thiago Nakao


 1  
Dicas
Dica do Dia
Receba Dicas Por Email
E-mail :  
 


 (help)
Aceito receber informativos do devASPNet, informações de eventos e treinamentos

Veja Quais Informativos Você Receberá

Pesquisar Dicas
Pesquisar Artigos, Dicas e Noticias

Banco de Dados
Algumas Entrevistas
Links Importantes

Búfalo Informática, Treinamento e Consultoria
R. Alvaro Alvim, 37/920 Centro - Cinelândia - Rio de Janeiro Cep: 20031-010
Tel : (21) 2262-1368 (21) 9240-5134 E-mail : Contato@bufaloinfo.com.br