Follow Us @soratemplates

14 de maio de 2012

Tutorial : Menu Cute Vertical.

Oiie gente ,esse tutorial aprendi no
Word Candy


Vamos lá :

Modelo>Editar HTML>Procure por :


]]

E cole acima este código :

#menucute {/Por Viih\
background: #E066FF; (COR DE FUNDO)
border-left: 3px solid: #7D26CD; (EXPRESSURA E A COR DA BORDA)
color: #87CEFF; (COR DA FONTE)
font-family: tahoma; (FONTE DAS LETRAS)
font-size: 11px; (TAMANHO DA LETRA)
text-align : left; (ALINHAMENTO DO TEXTO)
padding-bottom : 2px;
padding-left : 5px;
margin-bottom: 3px;
}


#menucute:hover { (MENU QUANDO O PASSA O MOUSE)
background: #AB82FF; ( COR DE FUNDO)
border-right: 3px solid #00008B; (EXPRESSURA E COR DA BORDA DA DIREITA)
border-left: 3px solid #E066FF; (EXPRESSURA E COR DA BORDA DA ESQUERDA)
color: #B5B5B5; (COR DA FONTE)
font-family: tahoma; (FONTE DAS LETRAS)
font-size: 11px; (TAMANHO DA FONTE)
text-align : right; (ALINHAMENTO DO TEXTO)
padding-bottom : 2px;
padding-right : 5px;
margin-bottom: 3px;
}


Se você quiser colocar nos fundos, alguma imagem, troque o background: #00000; por background: url (URL-DA-IMAGEM);

Agora salve e vá em Layout > Adicionar Gadget>HTMLJavaScript

E no gadget coloque :





Para colocar mais links vá duplicando até o desejado.

Espero que tenham gostado , beijo beijos.

8 comentários:

  1. Oi ví seu comentário não vou deixar de participar mesmo ..

    ResponderExcluir
    Respostas
    1. kkkk,eu já fiz,fica pra outra vez seu blog linda.!

      Excluir
  2. Hiiii, vim visitar o seu blog, e simplesmete amei, fofaa !!
    Estou seguindo !! Se puder me ajudar a chegar a minha meta de 400 seguidores, please! Agradeço

    Bejus :*
    http://sweet-flower-laura.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Lindo seu blog também,já estou seguindo!

      Excluir
  3. Muito liindo o efect *--* Bezões Luuh
    Rawr Girl ~> teenstyle.com

    ResponderExcluir
  4. Oie,me dar uma ajudinha?Segue meu blog?Tchau bjs
    Repassando:
    www.amizademenina.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Claro que eu sigo,quando eu sigui já tava com 400,agora ´´e 401 kkk,,,

      Excluir

Sempre que for comentar deixe o link do seu blog.
.