quinta-feira, 13 de outubro de 2011

Menu suspenso

Hooy Genteuma ótima dica pra vocês é colocar esse menu suspenso:
  
economiza um super espaço e fica super bonitim  (as cores são editáveis tá). Eu achei uma fofura e espero que vocês curtam também... aaah feliz dia das criançasMini gif 161 atrasado, hahaha. Eu queria agradecer o carinho de todos pois eu tem recebido muitos elogios (me senti agora né!) .. Enfim clique em leia mais e confiram o tutu completo

O código para colocar o menu suspenso é esse:
<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="http://isjackiezzdream.blogspot.com/" />NOME
<option style="background:#FFE4C4" value="http://isjackiezzdream.blogspot.com/" />NOME
<option style="background:#F0FFFF" value="http://isjackiezzdream.blogspot.com/" />NOME
</select>
</form>

97Personalização Básica:
http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif width:150px = É a largura do menu, enquanto maior o numero mais largo será ( altere somente o numero)
http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif font-size:10pt;= Tamanho da fonte (altere somente o numero)
http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif background:#FFAEB9 = É a cor do menu
http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gifescreva o que quiser= escreva o que quiser ( deeer Jackie huahauah)
http://i11.photobucket.com/albums/a168/evelynregly/minigifs/miniok.gif"background:#F0FFFF"=isso faz mudar a cor de fundo de cada item do menu (só altere onde esta grifado de rosa) 
confira uma tabela de cores >clicando aqui<

Mini gif 161 aaai Jackie eu quero mais links no meu menu posso?
claro é só adicionar esse trecho: <option style="background:#FFE4C4" value="http://isjackiezzdream.blogspot.com/" />NOME

ANTES DE</select>
                       </form>
Não esqueça de trocar a URL do meu blog, para o endereço da página que você quer que seja direcionado ao clicar!
E no trecho NOME colocar o nome do seu item

Feito tudo isso é só copiar o código ir em design>elementos da pagina>adicionar gadget > selecione a opção HTML script e cole no espaço em branco!
                                                          

28 comentários :

  1. Nossa realmente com esse menuzinhoo fica Lindinhooo, e simplifica bastantee adoreii
    Bjs :h:


    Ps: o seu blog ta cada vez mais Lindooooo ..
    eu amooooo de mais elee viu melhoor blog do Mundoo rsrs =D

    ResponderExcluir
  2. Adorei amor!! nossa, não sabia que podia fazer assim, amei amei amei!! beijos http://ianapaulinhaaaa.blogspot.com/

    ResponderExcluir
  3. Adorei a dica!
    Então vc costuma entrar no seu e-mail com frequencia? Se sim eu te mando as perguntas por e-mail :) :h:

    ResponderExcluir
  4. Oi Jackie, já estou seguindo seu blog *-* É lindo, fofo e tem tudo. Passa no meu também? E se gostar, segue por favor? Beijos!

    onthefame.blogspot.com

    ResponderExcluir
  5. OI JACKIE MENUZINHO MUITO LINDO
    http://purocaprichoo.blogspot.com/

    ResponderExcluir
  6. Que fofo esse menu, vo tentar fazer ( como sempre não vai dar certo, koaosk)

    Os tutus do blog estão cada vez ,melhore *-*

    Bjok´s, Fraan

    ResponderExcluir
  7. aiin que blog lindoo! adorei viu? e os tutoriais são ótimos, parabéns!
    visita?: http://nameless-nop.blogspot.com/ ♥
    bjs

    ResponderExcluir
  8. Oown que menu liindo ♥-♥
    Beijos
    acidteen.blogspot.com

    ResponderExcluir
  9. Quee meigoo, ameei demaais ! :D
    E obriigada pelo conselho . Beijoos :*

    ResponderExcluir
  10. Ah sim, o link ficou muito lindo mesmo *-* é, eu tbm, passei a manhã todinha assistindo desenho igual uma guria, kkk! fico feliz que tenha gostado da lembrança :D esse menuzinho tbm é conhecido como Menu Drop Down #dik

    beeijos ;3

    ResponderExcluir
  11. Fica tão fofis *-* Amei :D
    www.tudoofake.blogspot.com

    ResponderExcluir
  12. É porque o meu blog é estranho tem alguns tutoriais que não funcionam no HTML dele.

    Ah obrigada enjoei do outro, pq queria um kawaii tbm, kaopksoapks. Brincadeira.(useei stiqr)

    Bjok´s, Guriia

    ResponderExcluir
  13. Vou fazer esse menuzinho para colocar as páginas, fica bem fofo ^^
    Tem post novo, comenta?
    Girl Teen

    ResponderExcluir
  14. fica tão bonitinho,e economiza bastante espaço né:d:

    ResponderExcluir
  15. Fica muito bonitinho, já vi em alguns blogs :)
    Beijinhos :*

    ResponderExcluir
  16. eei, o concurso já começou, olha láa http://garota-fashiion.blogspot.com/
    beejo

    ResponderExcluir
  17. Que legal adorei a dica =D

    Beijo
    Bom final de semana
    http://marifriend.blogspot.com/
    @Storiesandadvic

    ResponderExcluir
  18. Ook então,obg vc gostaria de ser afiliada do meu blog??

    Bjoooos :h:

    ResponderExcluir
  19. eu sei jackie,eu to perguntando se vc quer ser afiliada do MEU BLOG se vc quer ser minha afiliada no meu blog entendeu =/

    Bjãooooo

    ResponderExcluir
  20. Amei demais. Qual programa vcc usa p/ fazer o design, as edições de fotos... queria mto saber. bjim, blog perfeito :* :k

    ResponderExcluir
  21. eeu tee amoo Jackk '---' Seeu Blog é perfeeitto *-* .. Tee amo meeu amr ! Vcc abaloo as estruturaas uhsuahsuahsuhasu -''

    ResponderExcluir
  22. tenho uma duvida :( o codigo é para colocar num gafget java scrip ou no HTML do blog? bjs :k:

    ResponderExcluir
  23. Nossa!! Ficou super fofo!! Eu testei e consegui,
    Muiitto Obrigaddaa!!
    Ajudou Bastante!!
    Beijos

    Mundo da Jujuba

    ResponderExcluir

.