02/02/2013

Tutorial: Menu DropDown

||

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. Veja o menu aqui.


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

<!-- 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 -->


Explicando 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
    Respostas
    1. Thanks, I'm glad you enjoyed my blog

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram