23 de outubro de 2012

Tutorial: Menu para sidebar

                                        
Oi gente faz tempo que não posto tutorial mais eu trouce vamos ver?

Para colocá-lo no seu blog, vá no seu HTML, aperte Ctrl + F e procure por ]]>

Então cole esse código logo acima:

/*menu por Liah - Cherry Bomb - credite sempre*/#menucb {
float: left;
display: line;
margin:1px;
background:#f2eee8; /*Cor de fundo */
width: 87px; /*Largura de cada link do menu */
height: 25px;
text-align:center;
font-size: 16px; /*Tamanho da fonte*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 1px 0px 9px #cccccc;
-webkit-box-shadow: 1px 0px 9px #cccccc;
box-shadow: 1px 0px 9px #cccccc;
text-shadow: 0px 1px 5px #cccccc;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}
#menucb:hover {
background: #cfd9f6; /* Cor de funo quando passa o mouse*/
color: #fff; /*Cor do texto quando passa o mouse*/
}

Salve as alterações.

Vá até o layout do seu blog, adicione um gadget de HMTL/Javascript onde você quiser que o menu apareça e coloque esse código:

<a href='LINK' id='menucb'>TÍTULO DO LINK</a>


Repita ele para cada link que for colocar no menu e substitua a url e o nome do link. Depois é só salvar o gadget e pronto!

Espero que tenham gostado, e se usarem, dêem os créditos por favor. Ah, voltamos a ter uma cbox aqui no blog, é só clicar na imagem ali na sidebar que ela abre feito mágica *_*



creditos

tchau beijocas

2 comentários:

  1. Oi,eu coloquei no meu blog!Os créditos estão lá! www.cupcakesdemenina.blogspot.com !☆

    ResponderExcluir
  2. Ah,eu não entendi uma coisa,como eu coloco coisas na página,agradeço se me responderem!

    ResponderExcluir

Comente a vontade, desde que saiba respeitar ;)
Ah, e não é necessário fazer uma conta para comentar, basta colocar como anônimo.

Emoticons:

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙
≡(▔﹏▔)≡ ( ͡° ͜ʖ ͡°)