{Tutorial} Menú orientador

Hola, bueno, hoy os traigo un tutorial simple, es un menú kawaii, elegante, te sirve tanto como para un blog de descargas como para uno de tutoriales, espero explicarme  Y sin más dilema, ¡cambiemos de tema! Es que tenía ganas de decir eso. No hay preview, perdón ;m;

Bueno para usarlo, primero en plantilla ponemos el siguiente código encima de ]]><b:skin> 

.Slowly {width:210px;}Título {background:#eaeaea;color: #e2c1d2;float:left;padding:5px;
text-align:center;width:200px;-webkit-transition-duration: .95s;font: bold 14px tahoma;letter-spacing:3px;border-radius:3px 3px 0px 0px;}Back {background:#eaeaea;float:left;padding:4px;
width:202px;-webkit-transition-duration: .95s;border-radius:0px 0px 3px 3px;}Slow {background:#fad0de;color: #ffffff;float:left;width:206px;padding:2px;letter-spacing:2px;text-align:center;-webkit-transition-duration: .45s;font: bold 11px georgia;text-shadow: 2px 1px 2px #909090;}Slow:hover {background:#e2e2e2;-webkit-transition-duration: .50s;text-shadow: 2px 1px 2px #bfabab;}

Editaís los colores, el menú es rosa por que lo cogí de un foro, es decir que yo le cambiaria los colores a un azul/negro... Después en un gadget ponemos el menú, que es el siguiente codigo:

<center><div class="Slowly">

<título>Navegue</título><a href="LINK"><slow>HOME</slow></a><a href="LINK"><slow>TUTORIAL</slow></a><a href="LINK"><slow>NOMBRE</slow></a><a href="LINK"><slow>EXTRAS</slow></a><a href="LINK"><slow>ETC</slow></a><a href="LINK"><slow>CREDITOS</slow></a><back><p></p></back>

</div></center>

Ya está hecho... y eso es todo :3 Espero que os sirva y recordad que podeís usarlo para hacer cualquier otra cosa... ¡Dejad volar vuestra imaginación! Imagine all people... me vino a la mente esta cancion :3