Menu Para Sidebar

Oiie Giihs,Pra quem gosta de usar menus na sidebar, hoje trouxe um código. 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.

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. 


Beijinhos

Créditos : www