Menu de Salto

Há pouco tempo publiquei uma dica sobre menu de salto, porém depois disso achei uma versão mais simples que funciona do mesmo jeito:

<form name="jump">
<select style="width:250px" name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;"
value="GO">
<option>Lista de Links</option>
<option></option>
<option value="http://dicasparablogs.blogspot.com">Dicas para blogs</option>
<option style="background-color: #cccccc"value="http://frasecurta.blogspot.com">Frases Curtas</option>
<option value="http://jornaljd.blogspot.com">Meu Jornal</option>
<option style="background-color: #cccccc" value="http://cidadeweb.110mb.com">Cidade Web</option>
</select>
</form>

E as alterações também podem ser feitas apenas adicionando ou removendo essas parte dentro do código acima. Para colocar cor de fundo ou alterar a largura do menu:
Alterar a cor de fundo: coloque esse código para mudar a cor de fundo style="background-color: #cccccc", isso pode ser em cada linha ou no menu completo, para mudar sobre uma linha faça assim:

<option style="background-color: #cccccc" value="http://dicasparablogs.blogspot.com">Dicas para blogs</option>

e para alterar a cor do menu inteiro desse jeito:

<select style="background-color: #cccccc;width:250px" name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">

Você notou que além da cor coloquei também widh:250px no código do menu jump, isso é a largura, acho isso útil para o menu não ficar muito justo as palavras, isto é opcional, mas tenha cuidado pois se você colocar um valor e escrever algo maior no seu menu só aparecerá à parte do texto que couber nesta largura.
O valor 250px e a cor #cccccc são apenas exemplos você deve substituir por qual achar melhor para seu blog.

7 comentários :

  1. Legal esse blog!! Imensas dicas =0)

    Bjs

    ResponderExcluir
  2. Boas dicas cara, preciso implementar um menu desses em meu site, más preciso que os submenus abrem em outra página tentei formatar implementando a targe="_blank", más não deu certo você sabe como posso fazer isto?

    ResponderExcluir
  3. eu ia publicar o código aqui, mas o blogspot não aceita html como comentario, então aqui está o link que diz como abrir o menu jump em uma nova janela

    http://dicasparablogs.blogspot.com/2007/11/menu-de-salto-abrindo-em-nova-janela.html

    ResponderExcluir
  4. muito legal seu blog já que vc quer dar dicas me ajuda ?gostaria de saber como colocar uma pagina no meu blog exmplo:coloco um link para uma pagia que possui imagens para as pessoas copiarem.quero saber como criar essa pagina.

    obrigada.

    ResponderExcluir
  5. em k local devo colocar este codigo

    ResponderExcluir
  6. Amigo, que raio é um "menu de salto"?????

    ResponderExcluir
  7. VALEU MANO VC ME AJUDOU MUITO
    ATE MAIS

    ResponderExcluir