Como criar um menu pop-up no Fireworks

Um menu pop-up criado no Fireworks usa javascript para criar a sua magia. No entanto, o Fireworks grava todo o código. Se você tem um monte de páginas para conectar-se a, mas apenas uma quantidade limitada de espaço, um menu pop-up é a escolha óbvia. Um menu pop-up, um, aparece (daí o nome), quando um visitante do site faz uma pausa o seu cursor sobre o botão que aciona o menu pop-up.

Para criar um menu pop-up, siga estes passos:

1

Use a ferramenta Ponteiro para selecionar o botão ao qual o menu será anexado.

Um botão branco aparece no meio do botão. Isso significa que você pode adicionar interatividade ao botão. Quando você cria um botão, o Fireworks cria uma fatia que está de acordo com o tamanho do botão. A fatia é guardada como uma imagem quando você exportar o seu menu.

2

Clique no botão branco.

O menu aparece com uma lista de comportamentos interativos que podem ser adicionados ao botão.

3

Escolha Adicionar menu pop-up.

O Editor de menu pop-up aparece.

4

Na guia Conteúdo, digite o texto, Link, e Target para o item.

O texto é o rótulo do botão, a ligação é a página para que o botão liga, e o alvo é a janela na qual a página vinculada é aberta.

5

Clique no sinal de mais (+) para adicionar outro item para o menu.

Fireworks adiciona campos em branco para o texto do botão, Link, e Target. Alternativamente, você pode pressionar Tab para adicionar outro item para o menu.

Repita o passo 4 para este botão.

6

Continue adicionando os outros itens para o menu pop-up.

A figura mostra um menu com vários itens.

7

Clique em Avançar.

O guia Aparência do Editor de menu exibe pop-up.

8

Especificar os parâmetros para a aparência dos itens de menu pop-up '.

células: Selecione HTML ou imagem. Se você escolher HTML, Fireworks cria o código para criar os itens do menu. Se você escolher Imagem, Fireworks cria as imagens para cada item de menu e os salva quando você exportar o menu.

alinhamento menu de menu drop-down: Escolha menu horizontal ou Menu Vertical.

Fonte: Escolha um conjunto de fontes. Estes são idênticas às opções de fonte que você tem em Dreamweaver. A primeira fonte é o padrão. Os padrões do navegador web para a próxima face da fonte, se a fonte padrão não está instalado no computador do usuário.

Tamanho da fonte: Escolha um tamanho de fonte a partir do menu drop-down.

estilo e alinhamento de fonte opções: Estas são as mesmas opções que você encontra em seu aplicativo de processamento de texto amigável: bold- italic- e ;, centro-esquerda ou direita; alinhar.

-Se Estado: Clique nas amostras de cores e escolher a cor para o celular e texto. Como regra, você escolhe as mesmas cores que o menu ao qual o menu pop-up é anexado.

Ao longo Estado: Clique nas amostras de cores e escolha a cor da célula eo texto que aparecem quando um visitante faz uma pausa o cursor sobre um item de menu.

9

Clique em Avançar.

A guia Avançado do Editor de menu pop-up aparece.

10

Aceite ou modifique os seguintes parâmetros:

Largura celular: Fogos de artifício determina a largura baseado no item de menu com o texto mais longo. Para modificar a largura, escolha Pixels a partir do menu drop-down. Isso abre a caixa de texto da largura da célula na qual você pode inserir um valor.

Celular Altura: Fogos de artifício escolhe uma altura, que pode ser modificada pela introdução de um valor diferente no campo altura da célula. Alternativamente, você pode escolher automático a partir do menu drop-down.

Preenchimento da célula: Aceite o valor padrão ou digite um valor diferente. Este valor determina a área em pixels ao redor do texto da célula.

Recuo do texto: Aceite o valor padrão (0), ou digite um valor pelo qual a recuar o texto.

Espaçamento da célula: Aceite o valor padrão de 0, ou insira um valor. Se você inserir um valor, um espaço aparece entre cada item no menu pop-up. Nós gostamos de nossos menus apertado, por isso, aceite o valor padrão de 0.

Atraso Menu: Esta é a quantidade de tempo durante o qual o menu aparece depois que um visitante faz uma pausa o seu cursor sobre o botão. Se nenhuma ação for tomada dentro desse período de tempo, o menu desaparece. O atraso padrão é de 1000 ms, ou 1 segundo. Introduzir um valor diferente para aumentar ou diminuir o atraso de menu.

Pop-up Fronteiras: A caixa de seleção Mostrar Fronteiras é selecionada por padrão, com um valor padrão de 1. Insira um valor para exibir uma borda maior, e em seguida, clique as amostras de cores aplicáveis ​​para a fronteira: sombra, borda de cor, e destacar. Esta opção não está disponível se você escolher Imagem na guia Aparência.

11

Clique em Avançar.

A guia Posição do Editor de menu pop-up aparece.

12

Clique em um ícone para alinhar o pop-up em uma das seguintes configurações: a parte inferior direita, inferior, superior ou superior direita da fatia.

Depois de escolher uma opção, o Fireworks insere valores nos campos X e Y. Se você quiser, você pode inserir valores diferentes para definir melhor o posicionamento do menu pop-up. Caso tenha recuado itens do menu, as opções do submenu aparecer, que permitem especificar a posição de submenus.

13

Clique em Concluído.

O menu pop-up é adicionado ao botão.

14

Escolha Arquivo-Visualizar no navegador e escolha o navegador desejado a partir da lista do menu.

Seu menu é exibido no navegador desejado.

menu