Menu suspenso (drop down) [001]

Continuando a maratona de tutoriais de hoje, trago um menu muito usado ele se chama "DropDown". Já vi ele muitas vezes como menu principal em tumblr ou para organizar afiliados, é claro que pode usar a onde você desejar, mas vamos ver como se faz ele.

Brevia do efeito

1. Esse código não precisa ser colocado em HTML, basta ir em seu layout e colocar o menu onde desejar.

Códigos

<!-- Inicio Menu Drop-Down mhilka.zip.net -->
<form><select name="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value">
<option selected>MENU</option>
<option value="www.link.tumblr.com" style="COLOR: #666666; BACKGROUND-COLOR: #FFF0F5">Nome do LINK</option>
<option value="www.link.tumblr.com" style="COLOR: #666666; BACKGROUND-COLOR: #FFFFFF">Nome do LINK</option>>
<option value="www.link.tumblr.com" style="COLOR: #666666; BACKGROUND-COLOR: #FFF0F5">Nome do LINK</option>
<option value="www.link.tumblr.com" style="COLOR: #666666; BACKGROUND-COLOR: #FFFFFF">Nome do LINK</option>>
<option value="www.link.tumblr.com" style="COLOR: #666666; BACKGROUND-COLOR: #FFF0F5">Nome do LINK</option>
</select> </form>
<!-- Fim Menu Drop-Down mhilka.zip.net -->

◤Entendendo o código◥

• <select name="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"> <option selected>MENU</option> - Aqui é onde fica o titulo do menu, antes de você clicar

• <option value="Link" style="COLOR: #666666; BACKGROUND-COLOR: #FFF0F5">Nome do LINK</option> Em Link é onde coloca o endereço que irá aparecer ai você clicar no texto.

Color é a cor da fonte, background-color a cor de fundo.

Créditos ao mundohtml.tumblr e ao Kawaii World.