Como criar um menu pop-up em fogos de artifício

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:

1Use a ferramenta Ponteiro para selecionar o botão para que 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.

338130.image1.jpg

2Clique no botão branco

É apresentado um menu com uma lista de comportamentos interativos que podem ser adicionados ao botão.

338132.image3.jpg

3Escolha Adicionar Pop-up Menu

O Editor de menu pop-up aparece.

4Na 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, eo alvo é a janela na qual a página vinculada será aberta.

5Clique 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.

338134.image5.jpg

6Continue adicionando os outros itens ao seu menu pop-up

A figura mostra um menu com vários itens.

338136.image7.jpg

7Clique em Avançar

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

8Especifique 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.

Video: Criar um PopUp (UserForm) no Excel -Excel HowTo

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 de fonte se a fonte padrão não está instalado no computador do usuário.

Video: Menu Popup Fire

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



estilo e alinhamento 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 geral, você escolhe as mesmas cores como o menu ao qual o menu pop-up é anexado.

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

Video: Plugin FireworkBuilder - Menu de Fogos de artifício Minecraft

338138.image9.jpg

9Clique em Avançar

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

10Aceite 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, aceitar o valor padrão de 0.

Delay Menu: Esta é a quantidade de tempo que 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. Digite um valor diferente para aumentar ou diminuir atraso 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 clique nas amostras de cores aplicáveis ​​para a fronteira: sombra, borda de cor e destaque. Esta opção não está disponível se você escolher Imagem na guia Aparência.

338140.image11.jpg

11Clique em Avançar

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

12Clique 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. Se você tiver recuado itens do menu, as opções do submenu aparecer, que permitem especificar a posição de submenus.

13Clique em Concluído

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

338142.image13.jpg

14Escolha Arquivo → Visualizar no navegador e escolher o navegador desejado na lista menu

Seu menu aparece no navegador desejado.


Publicações relacionadas