quinta-feira, 23 de abril de 2015

DICA 11: MENU JUMP OU MENU DE SALTO

DICA 11: MENU JUMP OU MENU DE SALTO

Os menus JUMP ou salto é um dos menus mais simples e compacto que existe nesta dica trago-vos os códigos para o menu JUMP.

Nesta opção a única coisa a fazer é trocar o título, as categorias e os links.
Para inserir o menu no seu blog ou site basta no editor do site ou blog seleccionar o gadget WIDGETS\HTML ou HTML/JAVASCRIPT com forme apreça no seu site ou blog e coloque:

Código de Exemplo:
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option>- Titulo - </option>
<!-- change the links with your own -->
<option value="Link">Categoria</option>
<option value="Link">Categoria</option>
<option value="Link">Categoria</option>
<option value="Link">Categoria</option>
</select></form>

Resultado:

Modar a cor de fundo:
Nesta opção poderá personalizar a cor de fundo alem de trocar o título, as categorias e os links.
Para inserir o menu no seu blog ou site basta no editor do site ou blog seleccionar o gadget WIDGETS\HTML ou HTML/JAVASCRIPT com forme apreça no seu site ou blog e coloque:

Código de Exemplo:
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option>- Titulo - </option>
<!-- change the links with your own -->
<option value="Link">Categoria</option>
<option style="background-color:#cccccc"value="Link">Categoria</option>
<option value="Link">Categoria</option>
<option style="background-color:#cccccc"value="Link">Categoria</option>
</select></form>

Resultado:

Basta colocar esse código no blog e mudar os links e já está funcionando.

Para mudar 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.

Sem comentários:

Enviar um comentário