Voví + Tutorial menú tags

Volví DISCULPADME Es que andaba muy ocupada(de vaga) pero volvere a estar activa se los prometo, tengo mucho chisme,voy a empezar una tiendita online de artesanías, ya tenía una pero con esa trabajabamos mi mamá y yo pero está muy ocupada así que decidi hacer una propia, se llama Cute things Shop (denle un like ¬3¬) Bueno no creo que hayan entrado a este post para saber de mi vida si no del Tuto suculento que les traje y es de un Menú con formita de tags c:

  TUTO:  vista previa del menú tags



Vayan a PLANTILLA- Editar HTML y buscan ]]></b:skin> y por encima de este colocan el siguiente código e.e


.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
@font-face { font-family: PF Tempesta Five Compressed; src: url('http://static.tumblr.com/79jiui3/LSSn0mwrd/pf_tempesta_five_compressed.ttf') }
#rosa {
width: 83px;
margin: 2px;
padding: 1px 0px 1px 2px;
background: #ffced4;
border: 1px solid #f7aab4;
box-shadow:inset 1px 1px 0 0 #fff;
font-family: PF Tempesta Five Compressed;
font-size: 8px;
color: #ea9ca7;
font-weigth: lighter;
text-shadow: 0px 1px 0px #fff;
-webkit-transition-duration: .1s;
}
#rosa a {
color: #ea9ca7;
}
#rosa:hover{
background: #ffd3d9;
-webkit-transition-duration: .1s;
}
#verde {
width: 83px;
margin: 2px;
padding: 1px 0px 1px 2px;
background: #d8e6d6;
border: 1px solid #c4dbc2;
box-shadow:inset 1px 1px 0 0 #fff;
font-family: PF Tempesta Five Compressed;
font-size: 8px;
font-weigth: lighter;
text-shadow: 0px 1px 0px #fff;
-webkit-transition-duration: .1s;
}
#verde a {
color: #a6c7a2;
}
#verde:hover {
background: #deebdc;
-webkit-transition-duration: .1s;
}



Luego en un gadget- HTML/JavaScript copian y pegan este código

<div class="esquerda">
<div id="rosa">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="verde">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="rosa">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="verde">
<a href="SEU LINK AQUI">Título da Tag</a></div>
</div>
<div class="direita">
<div id="rosa">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="verde">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="rosa">
<a href="SEU LINK AQUI">Título da Tag</a></div>
<div id="verde">
<a href="SEU LINK AQUI">Título da Tag</a></div>
</div> 
y eso es todo, si  tienen algún problema solo dejen un comentario y si les gustó, tambien n.n

4 comentarios:

  1. Respuestas
    1. Hola, si nos afiliamos, mis botones están en el menú de bienvenidos donde dice "afiliame", gracias por pasarte por mi blog n.n

      Eliminar
  2. Hola Muy interesante tu post.
    Nos afiliamos? <3
    http://marydss.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Gracias, si nos afiliamos, mis botones están en el menú de bienvenidos donde dice "afiliame", gracias por pasarte por mi blog

      Eliminar