Menú circular

Resultado de imagen para korean tumblr
Hola! 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ú:


Live preview


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

Comenta con respeto ^-^

¡Gracias por tu comentario!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡ | ( ̄(エ) ̄) | (・∀・ ) | (ノ◕ヮ◕)ノ*:・゚✧ | (^▽^) | (¬_¬) | ✖‿✖ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | (+_+) | (。♥‿♥。) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
☺♥♫△☆ღ