Menu Sidebar Hover [001]

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 

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

Códigos

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

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

Códigos

<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 é? Podem modificar as cores e a fonte mas por favor não retire os créditos! Credite viu?!