Menu jump

O menu de salto é fácil de colocar e tem algumas coisas que podemos colocar para deixa-lo mais bonito, veja o exemplo:

Primeira Parte

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>

Segunda Parte:

<form name="form1">
<select style="width: 300px" name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option>Links</option>
<option style="background-color:#cccccc"value="http://dicasparablogs.blogspot.com">Dicas para Blogs</option>
<option value="http://jornaljd.blogspot.com">Meu Jornal</option>
<option style="background-color: #cccccc"value="http://frasecurta.blogspot.com">Frases
Curtas</option>
<option value="http://cidadeweb.110mb.com">Cidade Web</option>
</select>
</form>

Basta colocar esse código no blog e mudar os links e já está funcionando, mas ele pode ver alterado em varias coisas por exemplo para mudar a largura desse menu é só mudar o numero 300 nesta parte style="width: 300px".

Outra coisa é a cor de fundo que pode ser usada a mesma para todo o menu ou uma para cada linha colocando o código style="background-color: #cccccc" e naturalmente pode ser de qualquer, para trocar de cor é só mudar isto #cccccc. Para colocar a mesma cor em todo menu coloque essa parte background-color: #cccccc junto com o que define a largura, deixando ele desse jeito: style="width: 300px;background-color: #cccccc".

Se quiser um menu convencional pode retirar essas partes mencionadas a cima, e naturalmente o valor (300) e a cor (#cccccc) são apenas exemplos você pode mudar para combinar da melhor forma possível com seu blog.

No Blogspot as duas partes do código podem ser colocadas juntas através da página layout que funcionará normalmente, caso você use esse código em outro blog ou site e não funcionar é por que o correto é colocar a primeira parte do script entre as tags <head> e </head> , fazendo isso ele funcionará normalmente.

Marcadores: ,