Lelo,lalo mis pollitos~!!{ok ya~!}como estan? pues yo espero que bien,aqui estoy actualizando.....estas dos ultimas no he tenido tareas,sera por que me queda poco para terminar mi grado?jejje pero bueno, hace poco me compre unos materiales nuevos para dibujar y estoy algo emocionada por eso y lo que hago es dibujar...pero no me quiero olvidar de ustedes,ademas estoy preparando todo para el concurso que hare aqui en el blog,sera algo bueno....pero aun no se que premio...{acepto sugerencias}pues hoy voy a dejarles la tuto que me la pidieron,espero que a todos les guste,aqui vamos:
1.Vamos a plantilla | Edita HTML | Y buscas ]]></b:skin> arriba pegamos el siguiente codigo:
.sidemenu {
width:110px;
background:url(http://i765.photobucket.com/albums/xx293/Claudinenetto/Menu/botaomenu.png)no-repeat;
padding: 4px 1px 2px 1px;
margin-bottom: 2px;
display: block;
text-align: center;
font-family:"silkscreen";
font-size: 11px;
text-transform: uppercase;
color: #fff;
text-shadow: 1px 1px 0px #F7A7B2;
text-decoration: none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
}
.sidemenu:hover {
background:url(http://i765.photobucket.com/albums/xx293/Claudinenetto/Menu/botaomenuhover-1.png)no-repeat;
border-bottom: 2px solid #;
}
2.Vamos a diseno | anadir un gadget | HTML/javacrips y pegas este codigo:
<div style="position: absolute; margin-left:256px; margin-top: -150px;">3.Luego guardas y listo~!Aqui les dejo varias imagenes editadas para que cambien el fondo de su menu:
<a href="LINK"><div class="sidemenu">NOMBRE</div></a>
<a href="LINK"><div class="sidemenu">NOMBRE</div></a>
<a href="LINK"><div class="sidemenu">NOMBRE</div></a>
<a href="LINK"><div class="sidemenu">NOMBRE</div></a>
</div>
Pues es muy sencillo y muy bonito~! ademas el efecto es hermoso~
Espero que les gusten y que le den buen uso...no olviden los creditos.
Si tienes alguna sugerencia para el premio del concurso,me lo dicen en los comentarios~
Recuerda dejar tu comentario~
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}
waaaawww buen tutorial, muy lindo, gracias ¿crees que podrias dejar en psd las imagenes?. bueno saludos
ResponderEliminarMuchas gracias Dayi! Está muy bonito , a lo mejor lo uso ^^
ResponderEliminarPues yo no tengo ninguna idea para el concurso xD me pillaste sin inspiración xD Uno de dibujo o de firmas podrían estar bien :^)
Un saludo!!!
Holaaa ^^
ResponderEliminarMe ha gustado mucho el menú así, qué pena que no pueda ponerlo en la plantilla que tengo ahora, pero lo guardo para algún día, Jajaja
Espero que estés genial. Un abrazo! :)
me encanta el menu gracias dayi esta precioso :33
ResponderEliminarMuchas gracias por este hermoso tuto amiga, me ha encantado
ResponderEliminarGracias excelente tuto me encanto!
ResponderEliminarme encantan los menus que pones son tan hermosos!!!
ResponderEliminarmuy chulos gracias ^^
ResponderEliminarAnda que bonito, me encantan los botoncitos que hiciste.
ResponderEliminarque bonito es el menu nwn
ResponderEliminarMuchas gracias por compartirlo :)
ResponderEliminarSaludos.