Ya amo a onew^3^ |
| 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}
Hola!
ResponderEliminarMe 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
Waah que hermoso! Como siempre me encantan tus tutoriales, un beso.
ResponderEliminarEspero que empieces bien el segundo semestre de la Uni!
ResponderEliminarMe gustó mucho el menú, lo tendré en cuenta. Gracias!
Y con respecto a mi blog, sí, es mel♥
Larita
Todo creado para ti
El menú que has hecho se ve muy divertido jaja xD Espero tener la oportunidad de usarlo en alguna plantilla que haga *O*
ResponderEliminarGracias por compartirlo *3*
Espero te vaya muy bien con el trabajo para tu madre ;D
Abrazos! >3<//
buen tutorial gracias
ResponderEliminarGracias, gracias, me encanto <3, no esperaba que lo publicaras tan rapido :3
ResponderEliminarWow esta LINDO
ResponderEliminarBuen tutorial :3 gracias por compartirlo
ResponderEliminarHola Dayi! Te he nominado a un tag!(。◕‿◕。)
ResponderEliminarhttp://una-otaku-mas.blogspot.mx/2016/01/tag-13-preguntas.html