Olá + Menu suspenso

Oiê, sou nova aqui no blog ヾ(●ω●)ノ me chamem de Gabs. Não acho que seja útil falar sobre mim mas tenho linhas á cumprir. Tenho 13 anos, sou Directioner, Swiftie, Harmonizer, Semideusa e Potterhead. Não sou nenhuma fã de Kpop, apesar de admirar muito a cultura oriental..Bem, acho que é isso. Não quero fazer nenhum discurso aqui, vocês vão me conhecendo aos poucos, certo?! Enfim, já não tenho mais o que falar, vamos ao tutorial, então (◐ o ◑ )

Não tive muito tempo para pensar em algo para postar então decidi ensinar á usar um menu suspenso. É bem fácil e rápidinho ç3ç Preview aqui. Cole o seguinte código no gadget desejado:
<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:220px; font-family:'PF Arma Five'; font-size:8px; background:#fff" name="fieldname" onchange="openDir( this.form )">
<option />Créditos
<option style="background:#fff" value="//" />Nome
<option style="background:#fff" value="//" />Nome
<option style="background:#fff" value="//" />Nome
<option style="background:#fff" value="//" />Nome
<option style="background:#fff" value="//" />Nome
</select>
</form>
Explicando: Em vermelho estão os códigos editáveis e em itálico é o que vai aparecer no gadget. Já tem bastante 'abas' mas caso você precise de mais é só adicionar "<option style="background:#fff" value="//" />Nome" antes de ''</select>''. Para tirar abas é só apagar o mesmo código.

Espero que seja lhe útil, queridos. Foi o melhor que eu consegui para agora T^T

5 comentários:

  1. Adorei o tuto!Bj
    http://distractionsofaagirl-oficial.blogspot.com.br/

    ResponderExcluir
  2. OEEEEEEEEEEEEEEEEEEEEEEEEEE, GABS DIVOOOOOOOOOOOOOSA! Tuuuuuuuudo bem? Cheguei para te atormentar, uahsuahsuahsuashuashuahs! :33 Seja maaaaaaaaaaaais que bem-vinda a este bloguinho! ♥

    Óooootimo tutorial! Gostei, de verdade, é muito útil! <3

    Um enoooooorme e grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir

-Segue,Retribui? Retribuo se eu gostar do blog.
-Não Ofender ninguém.
-Não falar palavrões .
-Sempre deixar o link do seu blog para retribuir.
-Leia o post antes de comentar!
-Comentários sem conteúdo serão ignorados.
-Leio todos os comentários e respondo
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙