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
¡Editemooos!
<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>
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 = ^ - ^ =