[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)