menu 3 ^^

hola aqui traigo un tutorial de poner un menu muy bonito ^^ bueno si quieren vean como queda

vista previa

ok,si les gusta :3 primero copiamos el siguiente codigo y lo pegamos en diseño>añadir gadget> html/javascript .

<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

si quieres bordes redondeados solo debes agregar esto al codigo:

border-radius: 10px;

 lo añaden delante de .menul{

                                                                                                                                                                                         creditos: {x}