Como criar um menu suspenso e economizar espaço no seu blog

Como criar menus suspensos (por Marcos Lemos)

Esta super dica eu vi no blog Ferramentas Blog, criada e descrita por Marcos Lemos. Achei tão interessante que resolvi repassar aqui no Visual Dicas.

Leia o artigo completo: Menu Caixa de Opções (por Marcos Lemos)

Inserindo o Menu no blog (testado no Blogger)

Copie o código abaixo, faça as alterações e cole onde desejar, sendo na sua barra lateral ou mesmo nas sua postagens. Veja: Como instalar um Widget no seu Blog -(Blogger)

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

<option>NOME DO MENU</option>

<option value="URL DO LINK 1">Link 1</option>

<option value="URL DO LINK 2">Link 2</option>

<option value="URL DO LINK 3">Link 3</option></select>

</form>

Substitua tudo que está destacado em laranja para os links e os respectivos nomes que desejar. Para acrescentar mais opções, insira a linha abaixo antes de </select>, quantas vezes mais você necessitar.

 

<option value="URL DO LINK n">Link n</option>

 

Aplicação prática

Abaixo, veja o código de um exemplo prático para aplicação do menu suspenso.

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

<option>REDES SOCIAIS</option>

<option value="http://visualdicas.blogspot.com/2009/03/indice-orkut.html">ORKUT</option>

<option value= "http://visualdicas.blogspot.com/2010/03/indice-facebook.html">FACEBOOK</option>

<option value="http://visualdicas.blogspot.com/2010/04/indice-linkedin.html">LINKEDIN</option>

<option value="http://visualdicas.blogspot.com/2010/04/indice-windows-live.html">WINDOWS LIVE</option>

<option value="http://visualdicas.blogspot.com/2010/02/indice-avatar.html">CRIAÇÃO AVATAR</option>

<option value="http://visualdicas.blogspot.com/2010/04/indice-redes-sociais.html">TUDO</option></select>

</form>

Veja agora como ficou o menu do nosso exemplo (utilizado como um índice de artigos de uma categoria)

REDES SOCIAIS ORKUT FACEBOOK LINKEDINWINDOWS LIVECRIAÇÃO AVATARTUDO

até mais… [ byALF ]

Visual Dicas - A sua fonte de informação