Menu para sidebar

Pra quem gosta de usar menus na sidebar, hoje trouxe um código feito por mim (que orgulho *_*). Eu usei ele no lay free Blogger to tumblr, portanto clique aqui para ver como fica.

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.


AGORA: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 *_*