Nome da postagem...
Nome da postagem...
Nome da postagem...
Nome da postagem...
Nome da postagem...
Nome da postagem...
Nome da postagem...
Nome da postagem...

18 de dez de 2013

Tuto : Menu Tags


Hey Cats!

Como vocês estão ? Bem como primeiro tuto do blog resolvi trazer esse
é o mesmo menu que uso no meu blog é super fofo e simples de aplica 
então vamos lá ?




1° Vá em  Vá em Editar HTML  procure por ]]></b:skin>  → e  acima disso cole:
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags2{
background-color: #e7d7b5; /*Cor da fundo*/
width: 95%;
aling: center;
height: 10px;
float: left;
font: 11px Verdana;
color: #fff; /*Cor da fonte*/
padding: 2px 0 6px 0;
text-align: center;
margin: 1px;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
border: 1px solid #e7d7b5; /*Cor da borda*/
text-shadow: 0 1px 0 #a3af96;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#menutags2:hover {
background-color: #baabc1;/*Cor do fundo em hover*/
color: #ecebeb; /*Cor da fonte em hover*/
border: 1px solid #baabc1; /*Cor da borda em hover*/
text-shadow: 0 0px 0 #ecebeb;
}
                                    Salve e vá ate Layout → adicionar um novo gadget →  HTML/JavaScript:
<center>
<div class="direita">
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
</div>
<div class="esquerda">
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
<a href="link" id="menutags2">Nome</a>
</div>
</center>
Não é necessário mudar muita coisa, só o que está em vermelho, o primeiro em vermelho é a cor de fundo do 

                                         Creditos HTML do Tutorial 

2 comentários:

  1. Adorei o tuto, talvez use no próximo Layout.
    Você pediu afiliação aqui no meu blog, eu já te coloquei >,<

    ResponderExcluir

Leia as regras antes de comentar por Favor 22kos :
♥ Todos os comentários são lidos e respondido previamente.
♥ Não xingue ou desrespeite a dona e os outros comentaristas
♥ Sugestões e críticas construtivas são bem vindas, ofensas não.
♥ Deixe o link do seu blog no final do comentário (sem o http://, para não ser considerado spam) e assim eu possa retribuir a visita ♥
Leu tudo?
Então comente!