20 de set de 2013

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

2 comentários :

  1. Não consigo escrever no HTML :c Ajuda?

    ResponderExcluir
    Respostas
    1. Aperte as teclas ctrl f ao mesmo tempo no html de seu blog,
      vai aparecer a caixinha de busca. Quando ela aparecer
      copie e cole no html, depois vc muda as cores. Fica mais fácil.

      Excluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo