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>
Owwn, Júh, obrigada por ter me ajudado. <333333333
ResponderExcluirJú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
ExcluirAdorei , adorei , adorei , ficou muito fofo esse menu <3
ResponderExcluir2bjs Bibs from Pandarise.blogspot
Obrigada amor, Kaorii sempre divando nesses menus.
ExcluirAdorei, fofo u.u
ResponderExcluirBeijocas, Lili ;3
Clique aqui, e vá para o blog / Princesa Teen
Clique aqui, e assista o video novo / Tag: Musica.
Obrigada =]
ExcluirMeu Deus é lindo mais esses códigos me levam a loucura como assim kkkkkkkkkkkkkkk
ResponderExcluir- Tem post novo no blog bora conferir ;)
Beijoss *-*
==> Blog Resenhas da Pâm
Hehe eu acho tão simples!
Excluirbem lindo mesmo ^^
ResponderExcluircherrycharming2.blogspot.com.br
Obrigada amor!
ExcluirAmeeeeeeeeeeei, acho lindo demais esse menu!
ResponderExcluirBLOG: NAHBOA?!
FANPAGE: NAHBOA?!
TWITTER: NAHBOA?!
Também acho, obrigada ^.^
Excluir