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:
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

4 comentarios:

¡Gracias por tu comentario!

Emojis:
⸜(。˃ ᵕ ˂ )⸝♡ | ૮ ˶ᵔ ᵕ ᵔ˶ ა | (>▽<) | ପ(๑•ᴗ•๑)ଓ ♡ | (╯ω╰) | (☆▽☆) | (≧ω≦) | ૮ • ﻌ - ა | ଘ(੭ˊᵕˋ)੭ | (・∀・ ) | (¬_¬) | (ノ◕ヮ◕)ノ*:・゚✧ | ฅ^•ﻌ•^ฅ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | ٩(ˊᗜˋ*)و ♡ | (╥﹏╥) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
♡♥♫△☆ღ