02/02/2013

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.


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.

5 comentários:

  1. Anônimo5/4/13

    I love what you guys tend to be up too. This type of clever work
    and reporting! Keep up the superb works guys I've added you guys to my blogroll.

    Also visit my blog post: work with recommended venues

    ResponderExcluir
    Respostas
    1. Oh, Thanks a lot I'm glad to hear that. Really emotional to continue.

      Excluir
  2. Anônimo17/8/13

    Excellent article. Keep posting such kind of information on your blog.

    Im really impressed by your site.
    Hi there, You have performed a great job. I'll definitely digg it and in my view recommend to my friends. I'm
    sure they'll be benefited from this web site.

    my weblog; louis vuitton outlet store

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345