26/08/2012

Menu na sidebar

Oi,hoje vou ensinar a colocar menu na sidebar como aquele que tem aqui no blog:


Para ver o Tutorial clique em Leia Mais!


Primeiro vá no html aperte ctrl+f e procure por:


]]></b:skin>


Cole o código abaixo 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á no layout,adicione um gadget HMTL/Javascript onde quer o menu e cole:


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



Repita a cada link que colocará no menu e substitua onde se pede.

Crédito:Cherry Bomb

Nenhum comentário:

Postar um comentário