segunda-feira, 24 de novembro de 2008

Como criar um menu suspenso

O menu suspenso pode ser uma ferramenta muito útil para os blogs de diversas maneiras. Pode-se ter uma lista de links ou de parcerias no menu suspenso, de modo a economizar espaço e não preencher tanto o seu layout. Em alguns casos ele é usado como menu de navegação no blog.
Veja aqui um exemplo de menu suspenso:


Nesse exemplo a página selecionada é acessada automaticamente. Para conseguir um botão Acessar que ative o link marque a opção Usar um botão no gerador. Também é possível ter uma imagem em vez de um botão simples, neste caso marque a opção Usar imagem como botão.

Veja este menu:





Para conseguir um menu como este acima, com mais de uma célula, faça o seguinte:

1. Após clicar no botão Gerar você verá que as primeiras linhas do código dadas serão estas:

<form name="jump">
<select size="1" name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

2. Modifique o número (marcado em verde no trecho acima) para o número de células que deverão aparecer.

Agora, veja o gerador abaixo e experimente fazer o seu menu suspenso.


Se preferir, acesse aqui o gerador numa nova janela.



Se preferir, acesse aqui o gerador numa nova janela.

Notas para utilizar o gerador -

1. Preencha os campos em branco à esquerda com o nome da célula e o campo respectivo à direita com o endereço do link correspondente.
2. Selecione ao alto as opções de como será o menu.
3. Clique em Gerar copie o código, cole-o em seu blog e bom proveito!

2 comentários:

Bysis disse...

E como fazer para o link abrir em outra janela?!
bysistattoo@gmail.com

Alberto disse...

Bysis

Os menus suspenso mostrados acima nem sempre funcionam. Eu lembro que uma das primeiras coisas que eu aprendi a mexer com HTML foi como montar um menu suspenso, e daí eu sempre queria conseguir abrir os itens do menu em uma nova janela. Descobri isto recentemente, e estou fazendo uma postagem na qual ensinarei tudo que sei sobre menus suspensos, só que estou meio sem tempo. :) Aguarde, não falta muito tempo!

Abraços.

Faça o seu comentário!

Obrigado por deixar seu comentário! Para outros assuntos veja também: