Menu PopUp - DW

Aprenda a fazer um menu PopUp, um menu muito utilizado hoje me dia nos websites.

Por | @oficinadanet Programação
- Antes de mais nada, para fazer esse tutorial, nós vamos usar essa imagem como forma de menu:



- Para fazer o menu pop-up, você deve ir no menu Janela/Comportamentos ( ou Shift+F3 ).Um janela irá abrir, agora você deve inserir uma imagem, seleciona-la e na janela que abriu clicar no botão ( + )

.

Um menu aparecerá e você deverá clicar em Mostrar o menu pop-up.

- Ao clicar em Mostrar o menu pop-up a janela abaixo irá abrir:

Menu PopUp - DW

- Nessa janela ( na aba Conteúdo ) você irá adicionar os itens do menu e o link desse item como mostra a figura. Para adicionar um item, basta clicar no botão + e para deletar no botão - .Feito isso, click na aba Aparência.

- Agora na aba Aparência você vai definir as cores, a fonte , o tamanho da fonte e o posicionamento do menu:

Menu PopUp - DW

- A fonte que nós recomendamos é a Verdana tamanho 12 ,e a posição do menu vertical. As cores, você deve ajustar de acordo com as cores do seu site .Feito isso, click na aba Avançada.

- Agora na aba Avançada você vai definir as bordas do menu, a largura e as cores. Aqui você também deve ajustar-las de acordo com as cores do seu site .. Feito isso, click na aba Posição.

Menu PopUp - DW

- Agora, na aba Posição você vai determinar a posição do menu em relação a imagem que você selecionou no inicio do tutorial. Aqui também vai de acordo com o design do seu site, mas nesse caso usaremos o 1° quadro ( X: 111 e Y:38 ). Agora é só clicar em OK e testa-lo !

Menu PopUp - DW

por favor comentem para que eu continue postando !

Mais sobre:
Share Tweet
DESTAQUESRecomendado
Mais compartilhados
Comentários