07/02/2013

Menu suspenso Edit (drop down) [002]


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?

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

Códigos
<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

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