[TUTORIALES]Menu Status{2}

|Vista previa|

1.Primero vamos a Plantilla | Editar HTML | y busca ]]></b:skin>

2.Arriba de ]]></b:skin> coloca el siguiente codigo:

.menudiv {
font: 11px Verdana; /* Tamano de letra*/
background: #f7f7f7; /* color del fondo*/
color: #a7a7a7; /* color de letra */
margin-bottom: 3px;
line-height: 21px;
padding-left: 3px;
border-radius: 4px;
box-shadow: inset 0px 1px 4px rgba(221,221,221,0.6); /* Sombra de reodea */
}
.menudiv .heart {
width: 16px;
height: 10px;
background: url('http://i.imgur.com/mZUBSyv.png') left;
display: inline-block;
margin-right: 5px;
-webkit-transition-duration: .80s;
-moz-transition-duration: .80s;
-o-transition-duration: .80s;
-ms-transition-duration: .80s;
transition-duration: .80s;
}
.menudiv:hover .heart {
background: url('http://i.imgur.com/mZUBSyv.png') right;
margin-right: 12px;
} 

3.Luego Vamos a diseno | anadir un gadget | HTML/javacrips | y pegas este codigo:

<div class="menudiv"><div class="heart"></div> <span style="font-weight:bold;">Primer nombre</span>Segundo nombre</div>
<div class="menudiv"><div class="heart"></div> <span style="font-weight:bold;">Primer nombre</span>Segundo nombre</div>

4.Luego guardas & Listo~!!

Espero que les guste^^Y que sea de mucha utilidad~

Tambien les quiero avisar que estoy haciendo una plantilla...asi que pronto dejare esta para que la utilizen.

Recuerda dejar tu comentario~

Les dejo besos de cherryT.O.P

Att:Lee rae mi{dayi}