[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!!

• TITLE
• TITLE
• TITLE
• TITLE

[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)