10/28/2012

Tutorial-Menu em sidebar

                     Tumblr_m8wmgghfov1r16a6ko1_500_large
Olá meuus cupcakes!!!
Hoje vou ensinar á fazer um menu na própria sidebar.
Aprendi no blog Cherry Bomb créditos: (www)
Para inserilo no seu blog, vá no seu HTML, aperte Ctrl + F e procure por ]]>
Então cole esse código acima de ]]>:

/*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.
Vá em layout,adicione um HTML/Java Script,e cole:
<a href='LINK' id='menucb'>TÍTULO DO LINK</a>
Repita o mesmo código quantas vezes  necessário.
Edite o link,acho que já dá pra entende como editar no próprio link.
KIssus de cereja!






Nenhum comentário:

Postar um comentário

Olá,tudo bem?
Se comentar fique sabendo,que não me importo com:
"Segui de volta" ou etc.
Sou toda ouvido á duvidas e sugestões.
KIssus