Menu drop down(Fireworks)

Data: 21/05/2009
Categoria: Fireworks
Visualizações: 174
Comentários: Nenhum comentário
VN:F [1.7.8_1020]
Dê a sua nota:
Nota: 0.0/10 (0 Votos)
Menu drop down(Fireworks)

Hoje vamos mostrar de uma forma bem simplifica, como criar um menu drop down no fireworks, esperamos que todos compreendam. Chega de papo e vamos lá.

Abra um novo documento (CTRL+N) com o fundo branco de 400×100px.

Selecione a ferramenta retângulo atalho (U) e crie um retângulo de 400×15 com cor de fundo laranja (#FF9999), aplicando uma borda preta (#000000) com 1px.

Agora, com a ferramenta texto (T), escreva o título do seu menu.

Vamos determinar um ponto ativo em cima dos nossos menus, usando a ferramenta ponto ativo (J).

Com o ponto ativo demarcado, dê um clique em cima da bolinha que ser formou nele. Você vai observar qe apareceu uma nova janela, nesta janela escolha

Adicionar menu Pop-up…

Ao clicar em Adicionar menu Pop-up, aparecerá um editor do Menu Pop-up,
onde nós iremos determinar a maneira e a aparencia do nosso menu.

Na aba superior onde tem Conteúdo, você irá observar três parâmentros a preencher (Texto, Link e Destino).

Onde tem Texto , você vai colcocar o texto que irá aparecer quando o usuário passar o mouse em cima do seu menu, como no nosso exemplo criamos HOME como Menu e Início do Site, como primeiro texto ao passar o mouse em cima do menu.

Ja na parte link, você vai colocar o caminho da página que vai ser aberta ao clicar em cima da opção recíproca.

Na parte destino, deveremos inserir onde a pagina será aberta, na mesma janel (_self), em uma pagina em branco (_blank) etc.

Na aba superior que tem Aparência iremos determinar como será o formato do menu (horizontal ou vertical), a fonte utilizada e o seu tamanho, o alinhamento do texto, a cor dos menus quando o mouse passar sobre o menu e quando o mouse sair dele.

Na próxima aba Avançada, iremos definir a largura e altura das células, o preenchimento, recuo, espaçamento, a espera do menu após retirar o mouse da célula.

Logo abaixo veremos as características da nosso borda, largura, sombra, cor e realce.

A medida que fomos fazendo as alterações, vai sendo feito em tempo real o modo que vai ficar o nosso menu na parte inferior da janela.

Finalmente na aba Posição definiremos onde vai ser localizado o nosso menu ao pasar o mouse em cima da célula.

Terminado todos estes passos, você deve repetir o processo em todos os menus que foi criado como no nosso exemplo. Criamos três menus HOME, COLUNAS e CONTATO.

Até mais pessoal, e não se esqueçam de tirar usa dúvidas!

Compartilhe:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • blogmarks
  • Diigo
  • DZone
  • Gwar
  • LinkArena
  • LinkedIn
  • Linkter
  • MSN Reporter
  • Netvouz
  • PDF
  • RSS
  • Socialogs
  • Technorati
  • Twitter
  • Webnews.de
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Yigg

Deixe um comentário

Top Acessos
Nero 9 9.4.26.0
15.410 Visualizações
Atualizar servidores Emule
8.784 Visualizações
Avast! Home Edition 4.8.1368
7.499 Visualizações
Guitar Rage 2.4.3
5.470 Visualizações
Broken Aero Vista Black
5.237 Visualizações
Cartão de visitas (CorelDraw)
4.747 Visualizações
NOD32 4.0.474
4.382 Visualizações
Cross Fire 1041
4.060 Visualizações
Ofertas imbatíveis!

© 2008 - 2010 Pontuaki - Downloads | Todos os direitos reservados | Política de privacidade

Proibida a reprodução total ou parcial sem prévia autorização.