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 :

Home

Tutorial

Recursos

Otros

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