[TUTORIALES]Menu imagen rompecabezas(99%dayi)!!

//Esto es una plantilla blogger,NO blogskin//
HELLO~!Saben me paso muchas cosas,pero antes un besote gigante a mi bestfriend "veronica"que aunque no los vemos seguido...ella saben lo mucho que la quiero^.^!!(esa friki que quiero)!!Bueno ahora si,1.La perrita mi hermana me orino..el pelo!0.o..sisi,asi fue!Casi cai desmayada,pero ya lo arregle.2.Mi sodrino me dio en el pie y me lastime la una del pie/``saben como estoy~~~histeria total!Esto solo me pasa a mi?Acaso!?Ya,Se que ultimamente no he dejado tutoriales...Asi que dejare tutoriales esta semana,haber si el juever les preparo unos iconos 100x100....Pero esta vez seran tutoriales!!


[Live preview]
1.Diseno>>>HTML/JAVACRIPS>>Y pegas esto:
<style>
.tabs {margin-left:-20px;list-style: none; }
#buttons {margin-top:25px;margin-left:22px;}
.button {float:left;margin-right:2px;height:92px;width:51px;}
#button1 {-moz-border-radius: 10px 0px 0px 10px;border-radius: 10px 0px 0px 10px;background-image:url(http://i.imgur.com/RvK6d.png);}
#button2 {background-image:url(http://i.imgur.com/yBLUW.png);}
#button3 {background-image:url(http://i.imgur.com/QjvPJ.png);}
#button4 {-moz-border-radius: 0px 10px 10px 0px;border-radius: 0px 10px 10px 0px;background-image:url(http://i.imgur.com/cbVNR.png);}
.nav {width:50px;padding-top:3px;padding-bottom:3px;margin-top:0px;font-size:8px;font-family:tinytots;letter-spacing:1px;text-align:center;opacity:0;overflow:hidden;color:#fffdfd;background:#7A92DC;4-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
.button:hover .nav {opacity:0.8;margin-top:60px;}
</style>
<ul class="tabs">
<li><a href="LINK HERE"><div class="button" id="button1">
<div class="nav">TITLE</div></div></a></li>
<li><a href="LINK HERE"><div class="button" id="button2">
<div class="nav">TITLE</div></div></a></li>
<li><a href="LINK HERE"><div class="button" id="button3">
<div class="nav">TITLE</div></div></a></li>
<li><a href="LINK HERE"><div class="button" id="button4">
<div class="nav">TITLE</div></div></a></li>
</ul>
EDITAR:
LINK HERE:lA URL de tu link
TITLE:El nombre de tu etiqueta!

Espero que le guste mucho este menu...Este menu lo edite..pero el codigo es de otro blog..
No recuerdo de cual..pero creo que era portugues(sisis se un poco de portugues)
Bueno deja tu comentario!
Les dejo besos de cherryT.O.P
Att:Lee rae mi(dayi)

33 comentarios:

  1. Ahh *O* Me encanta~ Muchas gracias, ya voy a ver si no lo utilizo algún día >w<~ jeje

    Que tengas un bello miércoles :D
    Besitos y Bendiciones °3°

    ResponderEliminar
  2. Muy beno el menú, muchas gracias por el tuto! Besos! ♥

    ResponderEliminar
  3. Esta muy padre el menú!! Me encantó *-*

    Saludos!!! XD

    ResponderEliminar
  4. Lindo tuto *o*!!! y lindo menú >w<)/

    ResponderEliminar
  5. Que hermoso tutorial!!
    me gustaría ocuparlo más adelante *-*

    PD: ya te sigo por gmail :D
    Besos~

    ResponderEliminar
  6. Muchas gracias por el tuto amiga esta muy lindo

    ResponderEliminar
  7. muuuy lindo menu me encanto <3 ahora que vuelva a mi blog tal vez lo ponga si no busco otro aqui mismo XD pero de que pongo algo de aqui lo pongo
    saludos ^^v

    ResponderEliminar
  8. Wooow gran tuto,me encantó ^^ gracias *3*

    ResponderEliminar
  9. Que lindo el menu *O* me quede un rato jugando con el menu xddd
    Que mala suerte que un perro te haga pipi D: pero que bueno que lo arreglaste :DD

    Muchos besos y se me cuida!!

    ResponderEliminar
  10. oh por dios es una monada!!! *^* realmente lindo!! me gusto como bajaban los tramitos con el titulo! :)

    ResponderEliminar
  11. precioso! mil gracias por el tuto :3

    ResponderEliminar
  12. Hola

    Se ve muy bonito :3 muchas gracias por el tutorial

    Saludos

    ResponderEliminar
  13. awwwwwwww lo ameeee lo intentare usar en mi prox remo

    ResponderEliminar
  14. Me encanta este menu, creo que lo voy a usar para mi skin de ahora, ah me encanta como has decorado el blog *^*

    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