Menu "cartelitos"

Holaaa este es un tutorial originalmente de lunany kawaii que yo perzonalize un poco c: todos los creditos son para ella c:

bueno sigan los pasos y les va a quedar como gusten, si no les gusta como queda lo pueden borrar muy facilmente c:

Espero que les guste C:

Prueba:



Nombre de la PaginaNombre de la Pagina Nombre de la Pagina

;

Para empezar, Van a  Diseño > Añadir un Gadget > HTML/java script > pegan este codigo

<style>

.menul{

 padding:3px; height:auto; width:auto; margin:4px 5px 0px 0px; font-family:verdana; font-size:10px; color:#000000; background-image: url(URL DE LA IMAGEN DE FONDO); text-align:center; float:center; -webkit-transition-duration: .50s; display: inline-block;padding:5px;border:3px solid #e897ff;}

.menul:hover { padding:3px; height:auto; auto; margin:4px 5px 0px 0px; font-family:verdana; font-size:10px;color:#0f03fe; background-image: url(URL DEL FONDO AL PASAR EL CURSOR); text-align:center; -webkit-transform: scale(0.8) rotate(20deg); border:3px solid #03fea8;padding:5px;border-radius: 10px;}

</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 Personalizar:

#000000:color de la letra 

URL DE LA IMAGEN DE FONDO: fondo de lo cartelitos

 #e897ff:color del borde

#0f03fe:color de la letra al pasar el cursor

URL DEL FONDO AL PASAR EL CURSOR: imagen de fondo al pasar el cursor

#03fea8:color del borde al pasar el cursor 

si quieres mas secciones solo agrega <a class="menul" href="Url de la pagina">Nombre de la Pagina</a> antes de </div> 

Esto es todo si quieren compartir el tuto se los agradeceria, pues el Blog no tiene muchas visitas y quiero que crezca c:  

si no entienden algo (soy mala para explicar) me avisan en los comentarios c: