16/09/2012

Tutorial: Menu para sidebar

||

Yo meus amorecos trago um tutu que achei no blog Cherry Bomb, qual eu usei para o meu layout free B.A.P POWER, então todos os créditos vão para ela ok? -cherry-liah.blogspot.com.br- Esse menu e bem fácil então lest's go!

Demostração 

Vá para seu HTML e procure por ]]></b:skin>, assim que acha-lo cole o proximo código acima dele. 

Podem modificar as cores e a fonte mas por favor não retire os créditos! Credite viu?!

/*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*/
}

Agora vá ate seu layout e abra um gadget de HMTL/Javascript e dentro dele coloque:

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

Repita quantas vezes quiser para cada link do seu menu, viu prontinho fácil não é?

Nenhum comentário:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram