Tutorial:Menu Codes ♥



Hola ,  hoy les traigo un tutorial como poner el menu que tengo en la cabecera 




el cuadrado rosado donde esta el menu  es parte de la cabecera , el tutorial es solo poner ese menu en la cabecera 

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

<style>@font-face {font-family: "codes"; src: url('http://static.tumblr.com/jecwjgj/VL1mzno56/code.ttf');}
.mencode {
font-family: "codes";
font-size: 30px;/*Tamaño de la Letra*/
color: #F8F5B6;/*Color de la letra*/
text-shadow: 1px 1px 1px #F3BABA;/*Color de sombra de la letra*/
text-transform: uppercase;
display: inline-block;
margin-right: 20px;
-webkit-transition: all 0.3s ease;
}
.mencode:hover {
color: #C8F3DF;/*Color de la letra al pasar el cursor*/
text-shadow: 1px 1px 1px #F8CECE;/*Color de sombra de la letra*/
-webkit-transition: all 0.3s ease;
}
</style><div style="position: absolute; margin-top: -150px; left: 200px;">
<a href="URL DE LA PAGINA"><div class="mencode">NOMBRE DE LA PAGINA</div></a>
<a href="URL DE LA PAGINA"><div class="mencode">NOMBRE DE LA PAGINA</div></a>
<a href="URL DE LA PAGINA"><div class="mencode">NOMBRE DE LA PAGINA</div></a>
<a href="URL DE LA PAGINA"><div class="mencode">NOMBRE DE LA PAGINA</div></a>
</div>

150:si aumentas el numero se ira mas ariba y si disminuyes el numero se ira mas abajo el menu
200:Si aumentas se ira mas a la derecha y si disminuyes se ira mas a la izquierda 
Para aumentar mas solo colocan despues de </a> losiguiente :
<a href="URL DE LA PAGINA"><div class="mencode">NOMBRE DE LA PAGINA</div></a>

Para las Plantillas Basicas  :Recominedo que pongan el gadget menu debajo de la cabecera ,
Y listo lo guardan ,cualquier duda o error avísenme 
Quería hacer una firma de molang ,pero bueno mas rato lo are 




19 comentarios :

  1. Muy buen tutorial!! ñ_ñ
    Cuando cambie de diseño lo usare!

    ResponderEliminar
  2. ¡Muy lindo el menú! Justo esta mañana hice lo mismo pero a mi manera xD ¡Lo que no sé cómo hacer y me muero de ganas de hacerlo es lo que tienes tú para los afiliados! Eso de que al clickar en una imagen se te abra una ventana dentro del blog, me encantaría poder poner ahí los afiliados, me ocuparía menos espacio en los gadget D:

    ¡Gracias de antemano y me encanta tu blog!

    ResponderEliminar
    Respuestas
    1. owo en afiliados? o recomendacion ,bueno creo que es eso que es es donde ases clic en imagen ultima de recomendacion y salen mas recomendados :3 ese tutorial ya o hice ,lo malo es que tengo unos problemas justo ayer sobre ese codigo ,el boton cerrar :3
      Pero aqui te dejo el tutorial :
      http://www.lunany-kawaii.com/2013/11/tutorialcaja-flotante-hover.html

      Eliminar
    2. ¡Muchas gracias! En recomendaciones no, más abajito, en los créditos :3 Pero igualmente ¡Estás ahí!

      Eliminar
  3. *-* gracias por el tutorial, a ver si tengo tiempo y lo apaño > <

    ResponderEliminar
  4. Gracias por el tutorial! Lo usare en alguna de mis plantillas seguro que queda muy chulo >w<

    Saludos!!

    PD: Tienes un premio en mi blog!
    http://sweet-love-shoujo.blogspot.com/2014/01/otro-premio.html

    ResponderEliminar
  5. que lindo tuto , Luna te he dejado un premio en mi blogui

    http://creamycokie.blogspot.com/

    ResponderEliminar
  6. Es muy hermoso!! *w* , me encanta!

    ResponderEliminar
  7. Muchas gracias nena hermoso tuto lo usare en mi prox look, un beso

    ResponderEliminar
  8. Hola~Como estas?
    Gracias por la tutorial^3^se te agradesce!
    saludos~

    ResponderEliminar
  9. :C acabo de tener un problemas DX puse una imagen para poner abajatito del menú pero se ve encima :c que puedo hacer ?

    ResponderEliminar
    Respuestas
    1. La imagen que pusiste ,tiene que ser parte de la cabecera x3 que sean uno solo

      Eliminar

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