[TUTORIALES] Menu Status{4}

Hello pollitos~Bueno señoras como estan??(señoritas suena mejor, y saludo si hay un chico por ahí). Pues hoy les traigo un tutorial que tenía guardado en uno de mis folder(creo q tengo como 20 folders o.o)La vdd, me gustaria saber de que blog lo guarde...yo simplemente lo edite . Así que si ven el tuto en algún lugar diganme para colocar los créditos. Algo mi vida, nada....vivir en puerto rico despues del huracan es una mierda....Mierda mas mierda. Pero aun asi estoy feliz. Voy a dejar de escribir y les dejo la tuto,vamos:

[vista previa AQUI ]

*Ya que blogger cambio su plastaforma, las instruciones seran diferentes*
1.Primero vamos a TEMA y luego a Editar HTML
2. Buscas ctrl+f y colocas ]]></b:skin>
3. Arriba coloca este codigo
*Puedes editarlo a gusto*
.novi { /* area de texto*/
width: 154px;
height: 50px;
background-color: #c0c0c0;
margin-left: 60px;
margin-top: 10px;
font-family: muli;
font-size: 16px;
color: #fff;
text-shadow: 1px 1px 0px #808080;
text-align: left;
text-indent: 5px;
border-radius: 5px;
box-shadow: 3px 3px 0px #fff;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.novi:hover { /*área de texto*/
background-color: #fff;
color: #808080;
text-shadow: 1px 1px 0px #fff;
border-radius: 5px;
box-shadow: none;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
.novi p {font-size:14px;line-height:14px;}
.novi img {
width: 50px;
height: 50px;
position: absolute;
margin-left: -74px;
border: 1px solid #fff;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
-ms-animation-duration: 1s;
}
.novi:hover img {
-webkit-animation-name: piscaporra;
-moz-animation-name: piscaporra;
-o-animation-name: piscaporra;
animation-name: piscaporra;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
-ms-animation-duration: 1s;
}
.novi:before { 
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 2px solid transparent;
border-right: 16px solid #c0c0c0;
border-bottom: 8px solid transparent;
margin: 22px 0 0 -21px;
-webkit-transition-duration: .60s;
-moz-transition-duration: .60s;
-o-transition-duration: .60s;
transition-duration: .60s;
}
4. Vas a abrir un gadget y colocas este codigo:
*editar a gusto*
<center>
<br />
<a href="/"><div class="novi"><img align="center" src="URL de imagen"/>Titulo<br />Escribe here</div></a>
<a href="/"><div class="novi"><img align="center" src="URL de imagen"/>Titulo<br />Escribe here</div></a>
<br /></center>
Bueno editar a gusto este menu, espero que les haya gustado...a mi me parece genial.
Y si, todavia no tengo firma....pero pronto hare una~~~
Les dejo besos de cherryT.O.P
Att. park byunpum(dayi)

5 comentarios:

  1. Hola :)
    Gracias por el tutorial :D.Y espero que pronto todo mejore.
    Besos •3•

    ResponderEliminar
  2. VOY AÑOS Y AÑOS SIGUIENDO TU BLOG AAAAAHH, COMO ME ENCANTAN TUS TUTORIALES, ESTA ES UNA CUENTA NUEVA EN DONDE ESTOY INICIANDO TODO DE NUEVO Y QUE MEJOR AYUDA ¡QUE LA TUYA!, TE VISITARÉ A MENUDO PARA VER QUE TUTOS PUEDO TOMAR Y DARTE TUS MERECIDOS CRÉDITOS, ¡¡MUCHOS BESOS!!!.

    SALUDOS:
    GEEKY FREAKY

    ResponderEliminar
  3. Gracias por el tutorial <3 Tus tutoriales son preciosos, gracias por traer siempre cositas tan bonitas <3

    Jongin, bebé <3
    mwaaah

    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