Tutorial:Menu 1 ♥

hola¡ como estan ? hoy me levante tempranito jiji , les traigo otro tutorial de un Menu redondeado,espero que les guste,aqui abajito como se ve  
1 link 2 link 3 link 4 link
Bueno si lo quieren solo tienen que copiar el siguiente codigo y pegarlo 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>

"Url de la imagen de fondo"
#888:Color de texto
URL DE LA PAGINA: o entrada
1 link:Nombre de la entrada o pagina

Y finalmente ponen guardar  Dar creditos si utilisan el tutorial.


3 comentarios :

  1. aun no me dio tiempo de poner los otros T-T pero mola mucho

    ResponderEliminar
  2. hola! me encantó el tuto, pero no me sale la imagen de fondo u_u me puedes ayudar?

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥