Barra de navegação

Canal: DreamWeaver  |  Autor:  |  Publicado em: 05/01/2007  |  Views: 9.316
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 !
Creative Commons Esta obra está licenciada sob uma Licença Creative Commons. Você pode copiar, distribuir, exibir, executar, desde que seja dado crédito ao autor original (Citando nome do autor, data, local e link de onde tirou o texto). Você não pode fazer uso comercial desta obra. Você não pode criar obras derivadas.
Vote no artigo:
NR. DE VOTO(S): [1]

Compartilhe:

[x] Fechar Preencha os campos abaixo para indicar esta página:
Seu nome:
Seu e-mail:
Nome do indicado:
E-mail do indicado:
Deixe uma mensagem:
Anti-spam:

(nova imagem)
Preencha o que vê:
Twitter diHITT Facebook delicious envie por e-mail comentar

comentarComentários:

Preencha o formulário para comentar:

[x] Fechar
Nome:*
E-mail:* (não será exibido)
Site: (http://)
Comentário:*
Anti-spam:

(nova imagem)
Preencha o que vê:

Deseja receber as respostas dos comentários

Publicado em:
23/04/2007 - 21:33
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....!!!!
Joel
Publicado em:
27/06/2008 - 10:26
Joel
Tem como arrumar as imagens?

vlws
Gedson
Publicado em:
10/01/2009 - 11:52
muito massa o post...
continue assim brother..
um abç.