Feed -

Menu drop down(Fireworks)

Data: 21/05/2009
Categoria: Fireworks
Visualizações: 355
Comentários: Nenhum comentário
VN:F [1.8.8_1072]
Dê a sua nota:
Nota: 0.0 de 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 400x100px.

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 um abraço!

Inscreva-se e receba novidades no seu Email:

Faça um comentário




Usuários do Twitter: Entre com sua conta do Twitter clicando no botão abaixo.

Importante: Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste blog ou de seus autores. Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. Os autores deste blog reserva-se, desde já, o direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação de seu autor (sem nome completo e endereço válido de email) também poderão ser excluídos.
Melhores ofertas

© Copyright 2009 - 2010 Pontuaki - Downloads - Todos os direitos reservados - Política de privacidade

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