25/07/2012

Menu deslizante.



Mt lindo esse homem aranha. 
Olá galaxyanos ~ Bom, hoje eu vim trazendo uma novidade ~ mais o menu, claro. Bom, a novidade é que vamos mudar de layout, mais uma vez. UHUL ~ E dessa vez o desing vai ser do Pusheen *-* Aquele gato lindo. Mas então, acho que ainda mudo o layout hoje ou amanhã. Por isso,  vamos logo ao menu que são apenas 3 passos ?


1) Dê CTRL+F e procure por : 
body {
2) Quando achar, cole esse código acima:

//* Menu Deslizante *//
deslizante{
color: #d0dab0;
padding: 4px;
-webkit-transition-duration: .50s;
font-size:13px;
border-bottom:1px solid #ccc;
display:block;
line-height:15px;
vertical-align:middle;
background-repeat:no-repeat;
text-indent:7px;
}
deslizante:hover{
color: #f98ea2;
-webkit-transition-duration: .50s;
display:block;
line-height:15px;
vertical-align:middle;
background-repeat:no-repeat;
text-indent:16px;
}
//* Fim do menu deslizante 2bj;@ *// 

3) Vá em desing > Adicionar um gadget > HTML / Javascript e Cole :

<a href="LINK"><deslizante>NOME</ deslizante ></a></div> 
<a href="LINK"><deslizante>NOME</ deslizante ></a></div> 
<a href="LINK"><deslizante>NOME</ deslizante ></a></div> 
<a href="LINK"><deslizante>NOME</ deslizante ></a></div>
<a href="LINK"><deslizante>NOME</ deslizante ></a></div>

<a href="LINK"><deslizante>NOME</ deslizante ></a></div> 
E pronto !

Créditos: Tutoriar.

                                       Rainha Galaxy    





                   

10 comentários:

  1. Olá, primeira vez que visito seu blog, ele é lindo *-*
    Já estou seguindo !
    Eu estava mesmo procurando um menu para por na sidebar do meu blog, mas não tem como você colocar um exemplo não ? Ficaria mais fácil de saber se é o que a pessoa quer.
    Me desculpe se eu estiver sendo chata, ok ? rs ;/
    Bom, vou indo ...
    Beijos :)

    sonheicomoparaiso.blogspot.com

    ResponderExcluir
    Respostas
    1. Brigada amore. Claro que posso. :) Ele fica mais ou menos assim :
      http://testeblogtutoriar.blogspot.com.br/2012/06/menu-deslizante-sem-script-live-preview.html


      { Imagens By : Tutoriar }

      Excluir
  2. Ameei o tutorial meesmo s2 beijos.Gaby.

    ResponderExcluir
  3. O menu fica liindo *-*
    Beijão ♥

    plush-girl.blogspot.com

    ResponderExcluir
  4. Eu não ser da terra! Mim vir de marte' Esse seu planet ser muito legal!! E o seu PRELUDE TP DREAM se arece com a vista do meu quarto marciano!
    Beijos intergalaticos!

    ResponderExcluir
  5. Awn, tutorial ótimo! Vou ver se uso no meu próximo lay. Kissu s2

    http://happyalves.blogspot.com.br/

    ResponderExcluir
  6. Luma, as votações estão abertas.
    Peça pros seus leitores votar em você, ok?
    xoxo
    http://garotasmustaches.blogspot.com.br/p/vote.html

    EURIMT DO ANÔNIMO AÍ EM CIMA
    USHAIUSHIAUHSIUAHISUHAIUHSHIUASH
    QUARTO MARCIANO, SOS!

    ResponderExcluir
  7. esse menu é lindo.. eu já coloquei lá .. e até coloquei tuto .. mas tirei do meu blog.. deixei só o tuto mesmo . ahhahaha

    :* Beijos e fique à vontade para visitar o AD ((:
    http://mini-fofoquinhas.blogspot.com.br/

    ResponderExcluir
  8. Nossa o tutorial é ÓTIMO,amei <3
    Beijinhos ;*

    Amor se não for muito incomodo poderia enviar sua perguntinha para eu estar repondendo em vídeo ? É só Clicar aqui Posso contar com você ? Obrigada =)
    Cupcake Edições

    ResponderExcluir
  9. Lindo o menu ;D
    SweetKawaiiOficial.blogspot.com

    ResponderExcluir

. Não xingue!
. Comentários ofensivos serão excluidos.
. Não esqueça de deixar o link do seu blog para retribuição.