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
<span style="color: rgb(255, 0, 0);"><script language="JavaScript" type="text/JavaScript"></span> <span style="color: rgb(255, 0, 0);"><!--</span> <span style="color: rgb(255, 0, 0);">function MM_jumpMenu(targ,selObj,restore){ //v3.0</span> <span style="color: rgb(255, 0, 0);">eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");</span> <span style="color: rgb(255, 0, 0);">if (restore) selObj.selectedIndex=0;</span> <span style="color: rgb(255, 0, 0);">}</span> <span style="color: rgb(255, 0, 0);">//--></span> <span style="color: rgb(255, 0, 0);"></script></span>
Segunda Parte:
<span style="color: rgb(255, 0, 0);"><form name="form1"></span> <span style="color: rgb(255, 0, 0);"><select style="width: 300px" name="menu1" onChange="MM_jumpMenu('parent',this,0)"></span> <span style="color: rgb(255, 0, 0);"><option>Links</option></span> <span style="color: rgb(255, 0, 0);"><option style="background-color:#cccccc"value="http://dicasparablogs.blogspot.com">Dicas para Blogs</option></span> <span style="color: rgb(255, 0, 0);"><option value="http://jornaljd.blogspot.com">Meu Jornal</option></span> <span style="color: rgb(255, 0, 0);"><option style="background-color: #cccccc"value="http://frasecurta.blogspot.com">Frases</span> <span style="color: rgb(255, 0, 0);">Curtas</option></span> <span style="color: rgb(255, 0, 0);"><option value="http://cidadeweb.110mb.com">Cidade Web</option></span> <span style="color: rgb(255, 0, 0);"></select></span> <span style="color: rgb(255, 0, 0);"></form></span>
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.
bye Smoker
0 comentários:
Postar um comentário