Tutorial:Menu 5



oww no son lindos? >w< que vida de esos perritos :3

Hola bueno hoy les traigo otro tutorial Un menu algo simple,pero muy lindo  
Aqui esta :







Pasos para ponerlo en su Blog
 .Para las Plantillas Basicas : Vallan a Diseño/Añadir un nuevo gadget/Javascript/Html
.Para las plantillas Clasicas o Blogskins : Pegar en el sitio que deseen que este
<style>
.menulol {
background: #ADCBF6;/*Color del fondo*/
border: 1px solid #8BD2EE;/*Color de borde*/
font-size: 12px;/*Tamaño de la Letra*/
color: #fff;/*Color de la letra*/
padding: 1px 9px 1px 9px;
width: 60px;/*Tamaño del menu*/
text-align: center;/*Texto center(centrado),texto left(izquierda), texto right(derecha)*/
text-shadow: 1px 1px 0px #8286E7;/*Color de Sombra del Texto*/
margin: 1px;
display: inline-block;
outline: 1px solid #ACF4F7;/*Color de linea de borde dentro del menu*/
outline-offset: -2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
}
.menulol:hover {
background: #FCDDC2;/*Color del fondo al pasar el cursor*/
border: 1px solid #FAD0AC;/*Color del Borde del Menu al pasar el cursor*/
color: #fff;/*Color de la letra al pasar el cursor*/
width: 60px;/*Tamaño del Menu al pasar el cursor*/
text-align: center;/*Texto center(centrado),texto left(izquierda), texto right(derecha)*/
outline:none;
text-shadow: 1px 1px 0px #FAC596;/*Color Sombra de texto al pasar el cursor*/
border-radius: 10px;
}
</style>
<a href="Url del Pagina"><div class="menulol">Nombre de la Pagina</div></a>
<a href="Url del Pagina"><div class="menulol">Nombre de la Pagina</div></a>
<a href="Url del Pagina"><div class="menulol">Nombre de la Pagina</div></a>
<a href="Url del Pagina"><div class="menulol">Nombre de la Pagina</div></a>

10:Aumenta el numero si quieres mas redondas las esquinas del menu ,en caso contrario disminuyelas 
Para aumentar mas solo colocan despues de </a>losiguiente :
<a href="Url del Pagina"><div class="menulol">Nombre de la Pagina</div></a>
Y bueno eso es todo,aver si publico otro tutorial , el otro si les gustara jiji lose daré una pista es lo que esta en la pagina tutoriales 
Actulizare tambien la pagina tutoriales,que falta aumentar los anteriores tutoriales 

Tambien pueden pedirme tutoriales de lo que deseen 


6 comentarios :

  1. De donde sacas tutoriales tan lindos Luna?¿
    Me gusto, es precioso, Gracias!!

    ResponderEliminar
  2. gracias por el tuto!!!! queria preguntarte como le hago para separar las columnas de los gadget.es decir que tengo las dos lolumnas de gadget en el mismo sitio y quiero que cada una este en cada lado.
    Feliz Navidad Lunany!!!!!

    ResponderEliminar
    Respuestas
    1. Hola owo no entendi muy bien , me podrias pasar una imagen ? algo para masomenos para guiarme n.n¡

      Eliminar
  3. gracias!!esta bello!
    te lo agradesco!
    saludos

    ResponderEliminar
  4. muy buen tutorial, gracias por el :DDD

    ResponderEliminar
  5. y podría cambiar el cuadrito?
    cómo se cambia?

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥