Tutorial:Menu 3♥

Otro menu muy hermoso  ,veanlo en asiendo clic en

VISTA PREVIA

Si les gusto sigan los siguientes pasos :

1 .Para las Plantillas Basicas : Vallan a Diseño/Añadir un nuevo gadget/Javascript/Html
2.Para las plantillas Clasicas o Blogskins : Pegar en el sitio que deseen que este

<style>
.menul{ padding:3px; height:auto; width:auto; margin:4px 5px 0px 0px; font-family:verdana; font-size:10px; color:#65E9FD; background:#fff; text-align:center; float:center; -webkit-transition-duration: .50s; display: inline-block;padding:5px;border:3px solid #5CC6F4;}
.menul:hover { padding:3px; height:auto; auto; margin:4px 5px 0px 0px; font-family:verdana; font-size:10px;color:#fff; background:#2CC9E1; text-align:center; -webkit-transform: scale(0.8) rotate(20deg); border:3px solid #fff;padding:5px;}
</style>
<br><br>
<a class="menul" href="Url de la pagina">Nombre de la Pagina</a>
<a class="menul" href="Url de la pagina">Nombre de la Pagina</a>
<a class="menul" href="Url de la pagina">Nombre de la Pagina</a>
<a class="menul" href="Url de la pagina">Nombre de la Pagina</a>
<a class="menul" href="Url de la pagina">Nombre de la Pagina</a></div>

Para cambiar los colores :
#65E9FD:color de la letra 
#fff:color del fondo
#5CC6F4:color del borde
#fff:color de la letra al pasar el cursor
#2CC9E1:color del fondo al pasar el cursor
#fff:color del borde al pasar el cursor

Y listo cambia  lo demas por lo que indica ,espero que les haya gustado