Dreams Arts Design

Bem-vindo ao Dreams Art's Design. Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de usuário. O cadastro é gratuito e leva pouco tempo para ser preenchido. Após o cadatro você estara automaticamente fazendo parte do grupo Dreams Arts Design e terá acesso a recursos exclusivos para membros. Registre-se e participe!

Atenciosamente, Equipe Dreams Arts Design


Participe do fórum, é rápido e fácil

Dreams Arts Design

Bem-vindo ao Dreams Art's Design. Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de usuário. O cadastro é gratuito e leva pouco tempo para ser preenchido. Após o cadatro você estara automaticamente fazendo parte do grupo Dreams Arts Design e terá acesso a recursos exclusivos para membros. Registre-se e participe!

Atenciosamente, Equipe Dreams Arts Design

Dreams Arts Design

Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.
Dreams Arts Design
ATENÇÃO: Vamos mudar toda a estrutura do site, semana que vem o mesmo ficara OFF para realização da mudança. Em breve vocês terão nova areas no fórum. Espero que gostem.

3 participantes

    Criando um Menu pop-up (menu dropdown) no Fireworks

    shura
    shura
    Administrador
    Administrador


    Criando um Menu pop-up (menu dropdown) no Fireworks 2zodsv6
    Mensagens : 1320
    Pontos : 8127
    Data de inscrição : 03/05/2010
    Respeito às regras. : Criando um Menu pop-up (menu dropdown) no Fireworks 11101010
    Localização : Fortaleza CE

    Criando um Menu pop-up (menu dropdown) no Fireworks Empty Criando um Menu pop-up (menu dropdown) no Fireworks

    Mensagem por shura Qua Ago 11, 2010 8:03 am

    Criando um Menu pop-up (menu dropdown) no Fireworks

    Olá galera, neste tutorial iremos aprender como fazer um menu pop-up, ou seja, um menu principal e sub-menus para os links do mesmo.
    Então, sem mais enrolação, vamos ao que interessa:

    1º passo: Criar o layout

    Crie o layout do seu menu como vc quiser, eu fiz esse:

    Criando um Menu pop-up (menu dropdown) no Fireworks Menu

    2° passo: Criar os botões

    Para criar um botão selecione o objeto que vc quer como link converta-o para botão, (clique com o botão direito no objeto selecionado , depois em Convert to symbol / button ou selecione o objeto e aperte F8, atalhos são sempre bem-vindos). Veja a imagem:

    Criando um Menu pop-up (menu dropdown) no Fireworks Pass_1

    Para criar efeitos nos botões clique duas vezes no botão criado e o box de edição de botões será aberto. É como no flash os estados do botão: up,over, down, area.
    No estado up voce vê o botão como o criou (os objetos que vc selecionou para serem o botão, no exemplo, retangulo + texto), clique no estado over( lado esquerdo e superior do box) o box ficará branco. Veja do lado direito infeiror do box , temos Copy Up Graphic, clique nele. Assim, serão copiados os objetos do estado Up para o Over. Agora é so vc editá-los (mudando a cor do retângulo por exemplo) e assim teremos um efeito no menu quando o mouse passar no botão. Básico....


    3° passo:

    Criar um menu pop up.
    Fazer o menu pop up é algo bem simples, mas de muita eficácia e agilidade no trabalho. Vamos lá então...
    Após criado o botão, clique no centro do mesmo, e depois clique em "Add pop-up menu", como na imagem:

    Criando um Menu pop-up (menu dropdown) no Fireworks Pass_2

    4ºpasso: editar o menu/criar links:

    Na janela que se abrirá após o clique em Add Pop-up Menu, vamos inserir os links, oberve a figura:

    Criando um Menu pop-up (menu dropdown) no Fireworks Pass_3


    Repare nos links, são: link 1, 1.1, 1.2,1.3 e 1.4 ou seja quero que quando o mouse passar por cima do link 1, apareça os links restantes, criando assim nosso famoso "menu pop-up". Para isso usaremos os icones:


    Criando um Menu pop-up (menu dropdown) no Fireworks OutdentmenuOutdent menu & Criando um Menu pop-up (menu dropdown) no Fireworks IdentmenuIndent menu

    As imagens dos ícones ja explicam suas funções, o indent serve para a criação de sub-menus e outdent para voltar a condição anterior de link de menu(e não mais sub-link), dessa forma vc trabalha a hierarquia dos links e sublinks, de acordo com sua demanda de conteúdo e necessidade.
    A caixa de seu menu deverá ficar com esta hierarquia de links:

    Criando um Menu pop-up (menu dropdown) no Fireworks Pass_4

    5° passo: editar o layout do menu

    Editar aparência: clique na aba Appearance e monte sua configuração de layout.

    Na aba Advanced você escolhe o tamanho do menu, bordas, etc...

    Na aba Position você configura a posição do seu menu e do sub-menu (menu pop-up).


    Pronto, finalizamos o processo de criação de nosso menu pop-up no Fireworks.
    Agora é so testar(aperte F12) e correr pro abraço!!!
    DemolidoR
    DemolidoR
    Membro
    Membro


    Criando um Menu pop-up (menu dropdown) no Fireworks 97032021
    Mensagens : 1018
    Pontos : 6696
    Data de inscrição : 21/07/2010
    Respeito às regras. : Criando um Menu pop-up (menu dropdown) no Fireworks 11101010

    Criando um Menu pop-up (menu dropdown) no Fireworks Empty Re: Criando um Menu pop-up (menu dropdown) no Fireworks

    Mensagem por DemolidoR Qua Ago 11, 2010 4:55 pm

    vlw por compartilhar man
    Douglas Pereira
    Douglas Pereira
    O futuro dependerá daquilo que fazemos no presente.
    O futuro dependerá daquilo que fazemos no presente.


    Criando um Menu pop-up (menu dropdown) no Fireworks 2zodsv6
    Mensagens : 2776
    Pontos : 10931
    Data de inscrição : 12/05/2009
    Respeito às regras. : Criando um Menu pop-up (menu dropdown) no Fireworks 11101010
    Idade : 16
    Localização : Recife- Pe

    Criando um Menu pop-up (menu dropdown) no Fireworks Empty Re: Criando um Menu pop-up (menu dropdown) no Fireworks

    Mensagem por Douglas Pereira Qua Ago 11, 2010 8:11 pm

    Nossa obrigado por compartilhar shura.. Fico feliz em ver os membros diversificando.. nos softwares.. obrigado *-*

    Conteúdo patrocinado


    Criando um Menu pop-up (menu dropdown) no Fireworks Empty Re: Criando um Menu pop-up (menu dropdown) no Fireworks

    Mensagem por Conteúdo patrocinado


      Data/hora atual: Qui Mar 28, 2024 6:35 am