Tutorial: Menú Numbers

Resultado de imagen para korean tumblr
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(http://4.bp.blogspot.com/-ZwAhW0YjFOw/UBBDQvIJnlI/AAAAAAAADps/0L7sUFkcY_c/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:

  1. Me encantó. Y me alegra que des creditos, e visto a muchas que usan codes de Wana y no la acreditan como se debe.

    ResponderEliminar

Comenta con respeto ^-^

¡Gracias por tu comentario!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡ | ( ̄(エ) ̄) | (・∀・ ) | (ノ◕ヮ◕)ノ*:・゚✧ | (^▽^) | (¬_¬) | ✖‿✖ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | (+_+) | (。♥‿♥。) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
☺♥♫△☆ღ