23/9/13

Menú circular

Holi mis blogueritass! Como están? Yo muy bien, a full con el blog <3 Hoy les traigo un tutorial de otro menú, la verdad que me gusto mucho :3 No es mío es de Lunany :)
Ok este es el menú:

(atenti, los circulitos giran cuando pasas el cursor por encima ,en mi caso no he podido conseguir publicar el efecto, pero si lo intentan verán los resultados)

Si les gusta solo copien este código y lo ponen en un 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>  

Y le dan a guardar <3 

3 comentarios:

  1. como le cambio la fuente a las letras? no me gusta la que tiene

    ResponderEliminar
    Respuestas
    1. Eliminas
      | }@font-face {font-family:tt !important;src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;} |

      Y luego al lado de
      | font:8px tt; |

      pegas lo siguiente:
      font-family: 'Calibri';

      {cambias el Calibri, por el nombre de la fuente que quieras}

      Si quieres usar una fuente de internet, simplemente cambia el url que aparece en el primer código que acabo de mencionar, por el url de la fuente que quieras {esto sin hacer los pasos anteriores} :)

      Eliminar

Reglas:
-Respeto
-No insultar

¡Gracias por comentar!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (●ω●) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡
Simbolos:
☺♥♫△☆ღ