[TUTORIALES]Menu retorcido.

Ya amo a onew^3^
Hello pollitos? Como han estado? Yo espero que genial, bueno yo acabo de terminar algunas cositas de la casa & ahora espero poder hacer ejercisio. Aunque me acabo de enterar  que tengo que hacer un trabajo a mi mama,(por lo menos me va a pagar) Quiero hacerlo antes del miercoles,por que ese dia empiezo mi segundo semestre de universidad.jejejej Lo unico malo es que se me acaban las vacaciones,y tuve una vacaciones muy largas...ahhhh acostumbrarme ahora es malo. Pero bueno,tendre que ir y reir a proposito,ir ser social.jajajaja Hoy el domingo, y toca entrada... y esta vez les traigo una tutorial que me pidieron en la entrada anterior, iba a publicar otra. Pero los pedidos es primero. Si tienes alguna peticion, no dudes en hacerla. Bueno, el menu que les traigo hoy es el que tengo en mi area de welcome. Es un menu muy hermoso(habia visto uno parecido,pero no me acordaba donde, asi que hice el mio y me salio este)Que estamos esperado y empezemos:


| Vista Previa aqui |

1.Vamos buscar ]]></b:skin>
2.Arriba de ]]></b:skin> coloca el siguiente codigo:
.menu{text-align: center;}
.menu a {
background: #FFD4E8;
color: #fff;
width: 80px;
display: inline-block;
padding: 4px;
font-size: 10px;
font-family:"04b03", small fonts;
font-size:10px;
text-transform: uppercase;
letter-spacing : 1px;
margin: 1px;
text-shadow: 1px 1px 1px #F675B5;
border-bottom: 1px solid #FFA0D0;
border-left: 2px solid #FFA0D0;
-webkit-transition-duration: .50s;
-webkit-transform: translateX(-3%) rotate(-3deg);
}
.menu a:hover {
background: #FFD7EB;
-webkit-transition-duration: .50s;
-webkit-transform: translateX(+3%) rotate(+3deg);
}
.menubox {
padding: 2px;
text-align: justify;
color: #fff;
margin-bottom: 10px;
margin-top: 10px;
-webkit-transition-duration: .50s;
}
3.Guarda y en un codigo coloca esto:
<div class="menubox">
<div class="menu">
<a href="URLAQUI">LINK</a>
    <a href="URLAQUI">LINK</a>
    <a href="URLAQUI">LINK</a>
    <a href="URLAQUI">LINK</a>
</div>
</div>

Luego guarda y listo~!!No queda lindo,ademas si lo pones a lo largo, funciona igual.Es un menu bello.Ok,para mi si~!!-.-/ Bueno pollitos,los dejo que me voy a almozar y hacer otras cositas~!!
Recuerda dejar tu comentario.
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}

11 comentarios:

  1. Hola!
    Me encanta este menú, es muy original, además que le da un toque diferente y dinámico al blog.
    Super chulo.
    Gracias por el tutorial.
    Besos

    ResponderEliminar
  2. Waah que hermoso! Como siempre me encantan tus tutoriales, un beso.

    ResponderEliminar
  3. Espero que empieces bien el segundo semestre de la Uni!
    Me gustó mucho el menú, lo tendré en cuenta. Gracias!
    Y con respecto a mi blog, sí, es mel♥

    Larita
    Todo creado para ti

    ResponderEliminar
  4. Hola!!

    suerte en la univ. yo tbm tuve largas vacaciones! pero bueno eso siempre vuelve XD aaahh que chulote menu :3

    ResponderEliminar
  5. El menú que has hecho se ve muy divertido jaja xD Espero tener la oportunidad de usarlo en alguna plantilla que haga *O*
    Gracias por compartirlo *3*
    Espero te vaya muy bien con el trabajo para tu madre ;D
    Abrazos! >3<//

    ResponderEliminar
  6. Gracias, gracias, me encanto <3, no esperaba que lo publicaras tan rapido :3

    ResponderEliminar
  7. Buen tutorial :3 gracias por compartirlo

    ResponderEliminar
  8. Hola Dayi! Te he nominado a un tag!(。◕‿◕。)
    http://una-otaku-mas.blogspot.mx/2016/01/tag-13-preguntas.html

    ResponderEliminar
  9. Mira que sabes hacer cosas!! :O está muy chulo el efecto, excelente tutorial!! :)
    Saludoss!

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com