Barra de navegação
Publicado em: 05/01/2007 | DreamWeaver | Visualizações: 5.022 | 2 Comentário(s)
Neste tutorial, vamos mostrar como fazer uma barra de navegação, que é muito parecida com o menu com imagem cambiável. Para isso vamos usar as seguintes imagens:
Vá no menu Inserir ( ou Insert ) e clique em barra de navegação como mostra a imagem abaixo:
Uma janela irá abrir e você deverá configurar o menu:
OBS: clique na foto acima para vela em seu tamanho real.
- Nome do elemento: esse será o nome utilizado para identificar o conjunto de imagens, no caso esse menu chamado fotos
- Imagem ativa: é a imagem que aparecerá na página.
- Imagem sobreposta: é a imagem que aparecerá quando você passar o mouse por cima dela.
- Imagem inativa: é a imagem que aparecerá após você clicar na imagem.
- Imagem sobreposta enquanto estiver inativa: é a imagem que aparecerá na tela.
- Texto alternativo: é uma mensagem que aparecerá quando você deixar o mause por cima da imagem por alguns segundos.
- URL: é a página que abrirá quando você clicar sobre a imagem. - Opções: deixe sempre marcada a opção Pré-carregar as imagens.
- Inserir: você pode escolher qual será a posição do menu
- Sempre deixe o campo Utilizar as tabelas marcado, assim ele criará as tabelas automaticamente, deixando seu meu mais organizado.
Pronto, seu menu está configurado, porem se você quiser fazer outro menu ao lado desse, clique no botão + , ele adicionará um novo Elemento na barra de navegação, ai é só você configura-lo novamente.
por favor comentem para que eu continue postando !
Vá no menu Inserir ( ou Insert ) e clique em barra de navegação como mostra a imagem abaixo:
Uma janela irá abrir e você deverá configurar o menu:
OBS: clique na foto acima para vela em seu tamanho real.
- Nome do elemento: esse será o nome utilizado para identificar o conjunto de imagens, no caso esse menu chamado fotos
- Imagem ativa: é a imagem que aparecerá na página.
- Imagem sobreposta: é a imagem que aparecerá quando você passar o mouse por cima dela.
- Imagem inativa: é a imagem que aparecerá após você clicar na imagem.
- Imagem sobreposta enquanto estiver inativa: é a imagem que aparecerá na tela.
- Texto alternativo: é uma mensagem que aparecerá quando você deixar o mause por cima da imagem por alguns segundos.
- URL: é a página que abrirá quando você clicar sobre a imagem. - Opções: deixe sempre marcada a opção Pré-carregar as imagens.
- Inserir: você pode escolher qual será a posição do menu
- Sempre deixe o campo Utilizar as tabelas marcado, assim ele criará as tabelas automaticamente, deixando seu meu mais organizado.
Pronto, seu menu está configurado, porem se você quiser fazer outro menu ao lado desse, clique no botão + , ele adicionará um novo Elemento na barra de navegação, ai é só você configura-lo novamente.
por favor comentem para que eu continue postando !
Dica:
Confira todo nosso conteúdo de
Links patrocinados 
Últimos artigos do editor
Destaques
Peixe Grande 2008
O Oficina da Net está este ano participando do Projeto Peixe Grande 2008 na categoria de Blog. Ajude-nos vote!
Galaxy 7 - O Smartphone da Asus
Imagens e especulações sobre o Smartphone da empresa foram publicadas na internet
Links patrocinados
Artigos Relacionados
Aprenda como melhorar seu código Criando rapidamente uma String d. Modo Código ou modo Design? Criando um LoadingNovos Artigos
Percepção de segurança A Telefonia por internet Curso de Delphi - Aula 4: Evento. Identidade Visual: Os elementosAssine nosso RSS
- Apostilas |
- Cadastro |
- Divulgue-nos |
- Fale Conosco |
- Layouts |
- Links |
- Mapa do site |
- Notícias |
- PageRank Checker |
- RSS |
- Vídeos
© 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.
Links patrocinados:
Bahia em Foco
| Blog do Vicente
| Camera Digital
| ClicRN
| Código Fonte
| Coletânea de ícones
| Comunicação Digital
| Concursos
| Criação de sites
| CriarWeb
| Downloads
| Fontes Grátis
| GMasters
| Hospedagem
| Hospedagem de sites
| Infonet News
| iParaiba
| JLAMIM
| MX masters
| Notebook
| Portal Super
| Profissionais de Web
| Qualidade Brasil
| Renan Lima
| SEO Master
| Significado dos Sonhos
| tutoriais.org
| WebLivre
| Zoom Digital
Tem como arrumar as imagens? vlws
Publicado em: 27/06/2008 - 10:26
cara muitu massa alias qq topico ae ta exelente tem coisas q eu sabia fz mais eu gosto sempre d ler pq as vezes passam algumas coisas q eu n sei sabe......massa pacas esse site tb velhu.... ah mais tem comu vcs colocarem alguma coisa no photoshop relacionada a gelo? cara sou instigadu em gelo, mais n sei fz nd com efeito d gelo ..........valeu boa nte p vcs....!!!!
Publicado em: 23/04/2007 - 21:33