Menu 1 ♥ {Tutorial}



Holaa  Tenía muchas ganas de hacer un tutorial y Kumy me dijo que le gustaban los menús, así que aquí os traigo un tutorial de menu muy kawaii  que me encantó   Es de circulitos con el nombre de tu pag dentro que le das y va a ella.


                                                  Diseño- Nuevo Gadget - HTML/Javascript



<style>.kevo{width:50px;padding:4px;margin:2px;background:url(Url de la imagen de fondo);font:8px tt;text-align:center;Text-decoration:none;color:#888;text-transform:uppercase;display:inline-block;height:28px;padding-top:25px;border-radius:50%;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transform: rotate(0deg) ;-webkit-transform: rotate(0deg) ;-moz-transform: rotate(0deg) ;-o-transform: rotate(0deg) ;-ms-transform: rotate(0deg) ;}
.kevo:hover{transform: rotate(360deg) ;-webkit-transform: rotate(360deg) ;-moz-transform: rotate(360deg) ;-o-transform: rotate(360deg) ;-ms-transform: rotate(360deg) ;}@font-face {font-family:tt !important;src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;}</style>
<a class="kevo" href="URL DE LA PAGINA">1 link </a><a class="kevo" href="URL DE LA PAGINA">2 link </a><a class="kevo" href="URL DE LA PAGINA">3 link </a><a class="kevo" href="URL DE LA PAGINA">4 link </a>
¡Editemooos!

 En azul clarito el fondo que tendrá el circulo de tu menú-
 En verde la url de la página a la que lleva.
 En moradito el titulo del circulito


Espero que te sirvaa ¡Comentá si así fue!


No hay comentarios:

Publicar un comentario

Holiiii, espero que te haya gustado la entrada. Comenta siempre siguiendo estas pequeñas reglas:

~No se insulta, no se dice cosas feas y no se dicen bobadas.
~Comenta con dudas y cosas bonitas.
~Diviertete = ^ - ^ =









PUSH
Cute Bunny  Holding Heart