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.
<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.
Marcadores: Efeitos