07/02/2013

Tutorial: Menu suspenso (drop down) Edit

||

E aiê? Mil desculpas, pela demora a postar me distrai vendo Frango Frito, sem dizer que estou fazendo 3 cabeçalhos de encomendas, eu realmente sou péssima nisso. Um layout completo faço em 3 horas agora um cabeçalho vixi rsrs. Mas vamos ao assunto importante, coisa de 2 dias atras postei um menu chamado Drop Down, então fui aplica-lo em meu blog, e percebi que não tinha como adicionar cor nele fechado só quando abria, então sai em busca dele mais personalizado e achei no blog Honey Pixel. Créditos Jess por isso, então vamos ao menu?

Ele é o mesmo processo do anterior vá ate seu layout adicione um gadget de HTML/Javascript. E dentro dele cole:

<form>
<select onchange="window.open(this.options[this.selectedIndex].value)"style="text-align: center; color: #424242; border: 1px solid #f5cde2; background: #feeffd" name="links">
<option selected/>Menu drop down
<option style="background: #f8e9f7; border: 1px solid #f5cde2" value="http://link01" />Link 01
<option style="background: #feeffd" value="http://link2"/>Link 02
<option style="background: #f8e9f7; border: 1px solid #f5cde2" value="http://link03"/>Link 03
</select>
</form>

Exemplo de menu:
 

Edite as cores como quiser, e super fácil de se mecher e arruma.  Bom espero que tenham gostado do tutu, ate a próxima postagem bunnys.

Nenhum comentário:

Postar um comentário