[Tutoriales] Menu Status{3}

Hello pollitos~ Yo ando con un humor algo raro, primero el teclado de la laptop se le daño algunas teclas...Y eso me frustra por que la que tenia anterior hizo lo mismo y terminó dañando por completo, yo espero que con un teclado USB o por bluetooth funcione. Hasta entonces a usar el teclado de pantalla(lo odio). Bueno tengo que editar un video para mi canal de youtube, pero antes de todo quería publicar algo aqui y me pareció perfecto un tutorial. Asi que hoy les traigo "Menu Status{3}", Empezemos:

1.Menu Status{1}

2.Menu Status{2}

 | Vista previa |

1. Temas(Plantilla) | Editar HTML | ctrl+f | y pegas este codigo ]]></b:skin>

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

.status{
display : block;
border-bottom : 1px solid #7b7b7b;
border-left : 3px solid #7b7b7b;
border-top : 2px solid #7b7b7b;
margin-bottom : 1px;
line-height: 15px;
text-indent : 5px;
vertical-align : middle;
text-indent : 5px;
text-decoration : none;
padding: 1px 1px 1px 1px;
-webkit-transition-duration: .30s;}
.status:hover{
text-indent : 20px;
background:#7b7b7b;
}

3. Luego abre un gadget HTML y coloca este codigo:

<div class="status">TU TEXTO</div>
<div class="status">TU TEXTO</div>
<div class="status">TU TEXTO</div>
<div class="status">TU TEXTO</div>

OJO:

-Edita los colores a gusto.

Bueno eso seria todo por hoy, espero que les haya gustado. Es un menu sencillo, pero se ve muy estetico(cuando lo hice no pensé lo mismo xD)Ok, Hasta ahora no tengo firma(tengo que hacer una)

Les dejo besos de cherryT.O.P

Att.Park Byunpum(dayi)