Menu de Categoriais

Trago para vocês um menuzinho para categorias(tags) que personalizado fica muito fofo.

Para ver o menu de categorias clique aqui

Para colocar o menu de categorias em seu blog, copie o código abaixo e cole antes da tag ]]></b:skin>

.tags {
background: #CDE6F3;
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;
box-shadow: inset 0px 0px 8px #9AC3D8; /* sombras da caixa */
-webkit-box-shadow: inset 0px 0px 8px #9AC3D8; /* sombras da caixa */
-moz-box-shadow: inset 0px 0px 8px #9AC3D8; /* sombras da caixa */
}
.tags:hover {
background: #c0c0ff;
border-bottom: 1px solid #9B9DFD;
}

Personalize a seu gosto.

Para fazer o menu funcionar, pegue o código abaixo e cole no gadget html/java script

<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>.