Tutorial - Menu Rolling

Olá pessoal, tudo bem com vocês?

A situação está meio tensa, sabem? Tipo, aqui em casa. Tenho um irmão mais novo que só me dá dor de cabeça. 18 anos tem a criatura. E depois de domingo, com aquela entrevista que o Silas Malafaia deu no De Frente com Gabi, só ficou pior. Por isso não postei ontem aqui - peço perdão à Emmy por isso -, porque estava muito furiosa, fui expressar minha frustração no meu blog onde todo mundo já está acostumado com o meu jeito de ver as coisas. Não postei nada sobre isso aqui porque não queria que meu ponto de vista entrasse em conflito com o de vocês, nem com o da Emmy.

Enfim, hoje eu trouxe um menuzinho bem lindo pra vocês. Ele é um menu vertical pra colocar na sidebar, bastante simples e interessante, espero que gostem. Live preview aqui, e se gostarem, leia mais (:

Primeiro de tudo, você cola o código abaixo logo acima de ]]></b:skin> :

.rolling {
background: #f0f0f0;
width: 35%;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
border-left: 3px double #666;
color: #666;
text-shadow: 1px 0px 0px #fff;
text-align: left;
display: block;
margin-top: 1px;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
}
.rolling:hover {
border-right: 3px double #666;
padding-right: 20px;
}

Faça as modificações que precisar nas cores. Salve. Depois cola o código abaixo no gadget HTML/Javascript:

<a href="#" title="NOME DO LINK"class="rolling">MENU</a>
<a href="#" title="NOME DO LINK"class="rolling">MENU</a>
<a href="#" title="NOME DO LINK"class="rolling">MENU</a>
<a href="#" title="NOME DO LINK"class="rolling">MENU</a>

Altere as partes em negrito. Onde está o # você coloca o link de destino do item, onde está escrito NOME DO LINK você pode colocar uma pequena descrição, tipo "volte ao início" para o Home e tal. E onde está MENU você coloca o nome que quer que apareça no menu.

Fácil, né? E fica bem fofo.

Espero que tenham gostado, tutorial exclusivo do Black Cherry e do Cute Memories, se usar, credite! E nada de repassar!