Menu de Categorias

Amores,desculpa não ter postado estava sem Internet e.e 

Olá pessoas queridas! ♥

eu quero pedir bastante desculpa para vocês,eu estava super empolgada no dia 30/06 mais quando eu fui entrar aqui no meu pc eu percebi que estava sem internet,u-u o fato de eu tar tão empolgada por causa do comentário de vocês,acabou deixando eu sem nada,sem internet e.e, e agora pouco eu estava no banho quando dê-repente meu pai entrou aqui no meu pc,e viu que estava com internet então decidi vim aqui fazer esse post super rápido.~desculpem.

eu rebloguei um menu muito fofo ^-^ que eu resolvi apenas postar aqui para vocês,sim eu sei fazer efeitos,só não sei fazer menus,tô querendo aprender isso ainda e.e os créditos vão para o Black  cherry ♥ porquê eu retirei o menu de lá!

Essa é a imagem do gadget de teste, dá pra ver como fica normal e como fica em hover. Claro que os links da sidebar tem que estar configurados na cor que contraste com o fundo, e a fonte vai ser a fonte da sua sidebar. Para fazer esse menu, é só colar o seguinte código acima de ]]></b:skin>:

.tags {
background: #F8FAFB;
padding: 3px;
margin: 1px;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #E9EAE5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
cursor: pointer;
}
.tags:hover {
background: #FC7CA0;
border-bottom: 1px solid #F30A4C;
}

E isso aonde quer que o menu apareça:

<div style="float: left; width: 50%">
<a href="#"><div class="tags">Categoria</div></a>
<a href="#"><div class="tags">Categoria</div></a>
<a href="#"><div class="tags">Categoria</div></a>
</div>
<div style="float: left; width: 50%">
<a href="#"><div class="tags">Categoria</div></a>
<a href="#"><div class="tags">Categoria</div></a>
<a href="#"><div class="tags">Categoria</div></a>
</div>

Pode editar as cores para combinar com o seu template, mas sempre mantendo os créditos para o black cherry, okay?

Até mais!