Pedido: Menu de Tags Igual ao do Blog


Olá amores,
Com um pedido eu vim com mais um tutorial ao blog.Hoje vim ensinar o menuzinho de tags do blog, esse menu na verdade é do KW, já vi esse menu em muitos blogs e ele bem fácil e fica bem fofo.O meu tá um pouco diferente porque a borda tá da mesma cor que o background mas ok.
Esse tutorial é à pedido da minha Cacau/Dálity


O pedido foi feito no último post, então vamos lá.
- 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;
}
- Edite e cole em um 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>

12 comentários:

  1. Owwn, Júh, obrigada por ter me ajudado. <333333333

    ResponderExcluir
    Respostas
    1. Júh, olha eu aqui de novo kkk Quando eu fui te fazer o pedido dessa tag, eu esqueci de te fazer um efeito que eu super amei no seu blog. *O* O efeito que eu estou atrás, é esse das imagens do seu blog, que tem opacidade ao passar o mouse. Eu até procurei ele em alguns blogs e no google, mas não o efeito não é tão fofo igual a esse. >3< Obrigada, amor! <3

      Excluir
  2. Adorei , adorei , adorei , ficou muito fofo esse menu <3
    2bjs Bibs from Pandarise.blogspot

    ResponderExcluir
  3. Meu Deus é lindo mais esses códigos me levam a loucura como assim kkkkkkkkkkkkkkk

    - Tem post novo no blog bora conferir ;)

    Beijoss *-*

    ==> Blog Resenhas da Pâm

    ResponderExcluir
  4. bem lindo mesmo ^^

    cherrycharming2.blogspot.com.br

    ResponderExcluir
  5. Ameeeeeeeeeeei, acho lindo demais esse menu!

    BLOG: NAHBOA?!
    FANPAGE: NAHBOA?!
    TWITTER: NAHBOA?!

    ResponderExcluir

Por favor leia as regras antes de comentar:

- Sem spam!
- Sempre que puder deixe o link do seu blog, assim posso retribuir a visita.
- Não aceito "Segue de volta?", eu só sigo se gostar do blog.
- Vou responder como você perguntar, se insultar eu vou retribuir.
- Aceito críticas construtivas, opiniões desnecessárias serão recebidas como devem.
Leu tudinho?Então deixe seu comentário =]