• Flash

    Video aulas e tutoriais sobre flash

  • Dreamweaver

    Dicas sobre o editor de HTML mais poderoso do mundo.

  • Fireworks

    Aprenda a fazer layouts para sites e banners animados.

  • Dicas para blogs

    Dicas para deixar seu blog cada vez mais profissional.

domingo, 26 de junho de 2011

Como fazer um menu Dropdown para seu site ou blog.


O que e um menu dropdown?
E como o exemplo a baixo:



Aqui esta o truque para criar um para seu blog ou site.

Copie o codigo a baixo e cole no seu site dentro da tag <body></body>
Ou se for no blogger, dentro gadget  HTML/JavaScript.


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Blog Arquivo</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>



Adicionar
O texto em vermelho é links, mudá eles com seus links.
O texto em azul é o texto âncora. Onde entrara o texto ancora.

Por exemplo:
<select onchange="document.location.href=this.options[this.selectedIndex].value;"> <option selected="" value="0">Arquivo</option> <option value="http://rafasweb.blogspot.com/2011/06/cursos-online-com-certificado-da-intel.html"> Cursos TI </option> <option value="http://rafasweb.blogspot.com/2011/06/como-ganhar-dinheiro-com-seu-blog-ou.html"> Ganhar dinheiro </option> </select>

O resultado e este.


Para adicionar mais menus e só adicionar mais uma vez o código:

<option value="Links 3">Text 3</option>


antes do Código </select>.




Espero ter ajudado .
Rafael de Pala

0 comentários:

Postar um comentário