24/11/2014

Menu de Categoria - Explore

Olá pessoal, de novo :3. Eu estou bem, cansada porém bem! Hoje eu trouxe para vocês mais um Menuzinho super legal para as categorias do Blog. Bom, já começando a creditar o blog Part Of Me, foi lá que eles derem o nome do menu de Explore. Vamos ao tutorial, certo?
                                                                    Normal
 Ao Passar o Mouse




Bom, para que funcione é necessário adicionar o CSS de personalização no Painel de HTML do Blog. Vocês podem personalizar da maneira que acharem melhor, fiquem a vontade!
No Painel do Blog clique no Nome do seu Blog - Modelo - Editar HTML e procure por ]]></b:skin>. Quando achar, cole o código abaixo antes dele:
.Explore a{
background: #90C7EF;
display: inline-block;
padding: 2px;
margin: 2px;
text-align: center;
line-height:12px;
height:13px;
color:#fff;
width:220px;
float: left;
border-radius: 5px;
font-family: Century Gothic;
font-size:11px; !important;
text-decoration: none;
letter-spacing: 0.10em;
-webkit-transition-duration: .90s;
border: 2px solid #B8E1FF;
}
.Explore a:hover {
background: #A88ABD;
color:#fff;
letter-spacing: 0.30em;
-webkit-transition-duration: .90s;
border: 2px solid #D6B8EC;
text-shadow:2px 3px 8px #ccc;
box-shadow: inset 0 0 8px #f5f5f5;
}
Colou? Agora faça suas personalizações mudando as cores, linhas, etc. Depois disso, Pule para a ala Layout - Adicionar um Gadget - HMTL/JavaScript e cole o seguinte código dentro da caixinha:
<div class="Explore">
<a href="LINKDACATEGORIA">NOMEDACATEGORIA</a>
</div>
Pronto! Mude o que é preciso e faça bom proveito do Menu *-* Espero que tenham gostado. Por hoje é só isso mesmo, fiquem com Deus! õ/  Bejus >.<

2 comentários: