Tutorial:Menu 4 ♥


Hola ,  Bueno con las plantillas que he echo no he podido hacer tutoriales, no pense que me ocuparia tanto tiempito ,y bueno mañana empieso con la plantilla de Freya  , y por fin les traigo un tutorial , un lindo menu . Aqui una imagen de como es :


Para verlo mejor clic en 


Si les gusto sigan los siguientes pasos :

1 .Para las Plantillas Basicas : Vallan a Diseño/Añadir un nuevo gadget/Javascript/Html
2.Para las plantillas Clasicas o Blogskins : Pegar en el sitio que deseen que este

<style>/** MENU 4 **/
@font-face {font-family: "04b03"; src: url('http://static.tumblr.com/qbzesex/2tSm7y7gy/04b_03_.ttf'); format("truetype");}
.menun {font-size: 8px; font-family: "04b03", small-fonts; text-transform: uppercase; color: #fff; background: #6AE6E0; text-shadow: 1px 1px 2px #88F3E9; text-align: center;padding: 8px; margin: 2px; width: 50px; -moz-transition: 1s ease-out; -webkit-transition: 1s ease-out; transition: 1s ease-out;border-radius: 5px;}
.menun:hover {box-shadow: inset 0px 0px 5px 15px #E1F3FF; color: #7EC1F5; text-shadow: 1px 1px 2px #eee;border:2px solid #29C5EC;}</style>

<a class="menun" href="Url de la pagina">Nombre</a>
<a class="menun" href="Url de la pagina">Nombre</a>
<a class="menun" href="Url de la pagina">Nombre</a>
Para personalizar los colores
#fff:Color de la letra
#6AE6E0:Color del fondo
#E1F3FF:Color del fondo al pasar el cursor
#7EC1F5:color de la letra
#29C5EC:color del borde
2: puedes disminuir o aumentar el tamaño del borde
solid:Puedes cambiar el borde en la forma que gustes asiendo clic aqui (Por ejemplo a dached)

Y listo le ponen guardar 

9 comentarios :

  1. Me encanta!!^u^
    Creo que lo usaré en mi proximo diseño:)

    ResponderEliminar
  2. Que kawaii!! Una cosa,aqui tienes mi correo: alina.rojas2@gmail.com (tmb esta en mi plantilla comentado).

    ResponderEliminar
  3. Que lindo :3 Me encanto :3 Tal vez lo ocupe en mi blog :3 Pero tengo una duda, no entiendo eso de poner los colores, tengo que nombrar el color, Por ejemplo Rosa

    Atte Fran-chan

    Si quieres explicame en mi correo frzamo@gmail.com
    Onegai! :3

    ResponderEliminar
  4. Me encantó! Ah si y te puedo preguntar que letra utilizas en las entradas? Es que yo no la encuentro D:

    ResponderEliminar
  5. hermoso!!! *u*

    gracias por el aporte! >o<

    besos!!! ^-^

    ResponderEliminar
  6. Lindo menu lo pondre para mi próximo diseño! yo sigo tu blog, es hermoso*O* siges el mio? te lo agradecería mucho:) es este:
    http://elblog-perfectionsdivertido-valentina.blogspot.com/
    -Saludos y besos!

    ResponderEliminar
  7. Muchas Gracias,Lo Usare en Mi Blog*-* es este: http://isaworldcute.blogspot.com/ ♥

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥