22 de dez de 2012

Menu Suspenso


 Bem, trocamos o menu que estava na área de postadoras e decidimos colocar o tutorial dele aqui.
Exemplo do menu:


 Créditos, site: Jackie Dream

 Vamos ao tutorial?


 Adicione um novo Gadget > HTML/JavaScript e cole lá:


<script language="JavaScript" type="text/javascript">function openDir( form ) {var newIndex = form.fieldname.selectedIndex; if ( newIndex == 0 ) { alert( "Please select a location!" ); } else { cururl = form.fieldname.options[ newIndex ].value; window.location.assign( cururl ); </script><form name="form" id="form"><select style="width:150px; font-family:'Comic Sans MS'; font-size:10pt; background:#FFAEB9" name="fieldname" onchange="openDir( this.form )"><option />escreva o que quiser<option style="background:#AEEEEE" value="SUA URL AQUI " />NOME QUE IRÁ APARECER<option style="background:#FFE4C4" value="SUA URL AQUI " />NOME QUE IRÁ APARECER
<option style="background:#F0FFFF" value="SUA URL AQUI " />NOME QUE IRÁ APARECER
</select></form>


Entenda o Código

width:150px - É a Largura do Menu
font-size:10pt - É o Tamanho da Fonte
background:#FFAEB9  - É a cor que irá aparecer antes de clicar (a cor que está no "Mais Coisas ;3")
escreva o que quiser  - É o que irá aparecer, no meu caso ficou o "Mais Coisas ;3"
 O resto é meio obvio né.
 A cor que está ali em negrito é a que aparecerá para tal opção, mude o link que eu coloquei para o seu e coloque o nome que irá aparecer.

 Se quiser adicionar mais coisas coloque antes de 
</select>
</form>

<option style="background:#FFB6C1" value="SUA URL AQUI />NOME QUE IRÁ APARECER

Prontinho!
Tabela de Cores aqui

Um Menu bonitinho sem nem mexer nas configurações de HTML do seu blog!
Espero que tenham gostado.
Mais uma vez, obrigada ao Jackie Dream por disponibilizar esses tutoriais chuchu beleza!

Nenhum comentário:

Postar um comentário

Não saia sem comentar!
Comentando vocês nos incentiva a continuar postando e podemos saber de sua opinião quanto ao post e/ou o blog!

OBS: Por favor. Vamos manter a postura.
Sem xingamentos com palavras de baixo calão