[TUTORIALES]Menu Status{2}

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}

14 comentarios:

  1. Que lindo >U< hace un tiempo queria saber como hacer eso xD muchas gracias por el tutorial Saludos~

    ResponderEliminar
  2. Queda muy cuteee!! *-*
    Saludos linda!

    ResponderEliminar
  3. Muy bueno el tuto este tipo de toques en el bog me encantan

    ResponderEliminar
  4. Ohayo!!

    jojojo amo tu menu!! tengo ganas de tomarlo XD

    ResponderEliminar
  5. Muchas gracias por el tutorial del menú, está tan bonito que creo que lo voy a usar :) por cierto, una preguntita ¿como le hago para hacer la letra más grande a mi blog? es que lo intento editar en diseño de plantillas, pero se queda igual :/ creo que lo tengo que hacer desde editar plantilla, pero me dan cosa esos códigos.
    Saludos.

    ResponderEliminar
  6. tienes un premio en mi blog,gracias por el tuto <3

    ResponderEliminar
  7. Que liiiiiindo >.< Muy buen tutorial, siempre he querido saber como se hacía ese menú <3

    ResponderEliminar
  8. Holas... bueno interesante este tipo de menu... sobre todo porque no mocupa mucho espacio y es muy directo para presentar los datos.. bueno la verdad que no me animo a editar nada, porque hasta ahora sigo buscando cómo sacar el código del efecto que tengo en mis imagenes... sólo sé que es en el diseño HTML... pero hasta ahora no recuerdo cual era... bueno gracias pro el tuto... saludos.

    ResponderEliminar
  9. Holiis!! te e nominado a un premio pasate por mi blog

    ResponderEliminar
  10. Está muy lindo el tuto me encantó! Por cierto la plantilla que tienes es muy bella de seguro varios la van a usar y ya quiero ver tu nuevo diseño, me imagino que debe ser algo navideña , jiji. No olvides pasarte por mi blog , gracias!

    ResponderEliminar
  11. Me encanto!!!Seguramente lo use,con creditos obvio xD besos!

    ResponderEliminar
  12. Muy buen tutorial la verdad me gusto probablemente lo voy a usar n.n
    Saludos!

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com