Tutorial: Menú Numbers

Hi ^^ Estoy viendo el viaje de Chihiro <3. La vi un montón de veces y todavía me sigue gustando :D. Bueno. Hoy estoy activa. Así que se vienen tutos uno atrás del otro. Les traigo un tuto de un menú chulisimo que seguro les va a gustar :D

1 2 3 4

Mejor:

Vista previa

Para plantillas Clásicas/Blogger: Copiamos el siguiente código y lo pegamos en un gadget HTML

Para plantillas Clásicas/Blogskins pueden pegar en el lugar en que lo quieras ubicar

<style>

a.jeonjin1 {

letter-spacing:1px;

-webkit-transition: all 0.2s ease-out;

-moz-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;

cursor:pointer;

display:inline-block;

font:8px tt;

text-align:center;

width:30px;

height:10px;

color:#888 !important;

padding:5px;

padding-top:15px;

background:#eee;

text-decoration:none;

-webkit-border-top-left-radius: 33px;

-webkit-border-top-right-radius: 33px;

-moz-border-radius-topleft: 33px;

-moz-border-radius-topright: 33px;

border-top-left-radius: 33px;

border-top-right-radius: 33px;

border:2px solid #ddd;

border-bottom:none;

}

a.jeonjin1:hover{

background: #fff;

color:#333 !important;

}

@font-face {

font-family:tt;

src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');

}

</style><center>

<a class="jeonjin1" href="LINK" title="about">1</a>

<a class="jeonjin1" href="LINK" title="tuto">2</a>

<a class="jeonjin1" href="LINK" title="blah">3</a>

<a class="jeonjin1" href="LINK" title="blahblah">4</a>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoNXnzMMBBbIvrjRJuDZF58tUdI2nhiKwH7Jv0TIGB5aFhJ3H8pxs4C5DK7nDLpR1aiYrBGHOBndnnL3iIkMXmwhn4W7bW6psB4kG2FDHs2mqR1NiAPhQ3HOh7ML_8lj555X0y0Mjpin4J/s1600/tumblr_m0g3ybPmqj1r6uwfxo7_400.png);width:200px;height:5px;">

</div>

</center>

Editamos:
Rojo: Link de tu entrada o página a la que se dirigirá
Verde: La categoría que te saltará al poner encima el cursor en cada número
Azul: El número que aparecerá en el menú. Puedes remplazarlo desde carácteres hasta letras.

Credits: Wanaseoby