
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