[TUTORIALES] Menu en una imagen.

HOLA seres raros de la naturaleza POLLITOS~!! Como estan? Yo espero que genial...pues yo si no lo estan, coman mucho chocolate y recuerden que navidad esta cerca buajajjaja (amo la navidad) Bueno en primer lugar, ya mismo se acaban las clases, en segundo pronto es diciembre y el 22 de diciembre cumplo mis 18. waaa estoy vieja ~!jejejje Otra cosa...es navidad y amo la navidad (ya puse el arbol de navidad jejejej y todavia no el diciembre)Bueno... estoy algo cansada, ayer fui a una actividad de la escuela de mi sobrino,steven. el hizo una personaje de rio2 y bailo samba....y para rematar mi situacion teniamos que caminar mucho,para llegar al lugar y tenia tacones altos.(sep soy especial)Pero al final...la pase bien & eso es lo que cuenta. Bueno, hoy les traigo una tutorial...que se que les va a gustar. Es un menu que se encuentra en una imagen,sip...adentro de una imagen.Es el que tengo colocado ahora en el gadget de welcome(al menos que veas esto despues que cambie el diseno,te dejare preview) si quieres colocarlo, vamos:

|  vista previa  |

1.Plantilla | Editar HTML | y buscas ]]></b:skin>
2.Arriba del anterior codigo, coloca este codigo:
#menu a{
display: block;
padding-right:5px;
margin-left:3px;
padding:2px;
width:80px;
text-align:right;
font-family:'9A7993';
font-size:8px;
text-transform: uppercase;
color:#9A7993;
background: white;
border-right:3px #D4A4AF solid;
margin-bottom:1px;
-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;
}
#menu a:hover{
border-right:0px #ccc solid;
padding-right:6px;
}
@font-face {
font-family: '04b03';url(http://static.tumblr.com/rozpbz7/j0dm2jpkp/04b_03__.ttf)
format('woff');
}
3. Diseño | añadir un gadget HTML/javacrips | coloca el siguiente codigo:
<div id="aparece"><img src="URL DE TU IMAGEN" /><div id="menu">
<a href="LINK">NOMBRE</a>
<a href="LINK">NOMBRE</a>
<a href="LINK">NOMBRE</a></div></div>
Guarda y listo.~!!!

Edita lo indicado y listo .... este menu es genial y queda hermoso. Bueno...saben algo.Creo que mi arbol de navidad, esta muy decorado,(le puse muchas luces o.o) jejjejejej MAS LUCES~!!JAJAJJA Bueno, gracias a todos los que se pasaron por mi entrada anterior,ya saben que todos los que comenten en esta entrada, Yo paso por su blog~!!
Recuerda dejar tu comentario~!!
Les dejo besos de cherryT.O.P
Att:Lee rae mi{dayi}

14 comentarios:

  1. HO MI DIOS! que hermoso tutorial :D gracias por tu ayuda como siempre :D
    saludos y yo no puse mi árbol aun XD, espero nos muestres como quedo el tuyo
    beshos bye

    ResponderEliminar
  2. Day! que hermoso tutorial <3 lo tomaré en cuenta para ponerlo en mi próxima plantilla (de aquí 999 meses) , saludos <3

    ResponderEliminar
  3. Te quedo muy lindo el menu :D .. gracias por compartirlo, saludos!

    ResponderEliminar
  4. ♥!! SUPER UTIL!! ya estoy pensando en donde usarlo para mi blog! jeje!! ♥
    Muchas gracias por compartirlo!!

    Abracitos

    ResponderEliminar
  5. Que genial, no conocía sobre este menú *3*~ Siempre aprendo cosas nuevas e interesantes por aquí jeje >w<~ ¡Muchas gracias por compartir!
    Acerca de Navidad, a mi también me gusta, aunque no estoy muy emocionada de que llegue aún (me faltan rendir los finales de Dibujo y Pintura ja) pero por otro lado no veo la hora de que llegue (para luego llegar a mi cumpleaños je) xD
    Espero que estés super bien y tengas un lindo día~
    ¡Abrazos!

    ResponderEliminar
  6. Muchísimas gracias por el tuto, es muy útil ^^
    Besaxos

    ResponderEliminar
  7. Hola!
    Yo todavía no he puesto nada de navidad, siempre espero para hacerlo la primera semana de Diciembre porque no me gusta adelantarme tanto, además primero que pase mi cumpleaños que es el 22 de noviembre :D jajajaja
    WOW! Esta super chulo el tutorial, me ha encantado este diseño.
    Gracias por compartirlo.
    Besos

    ResponderEliminar
  8. me ha encantado este tutorial, en lo que tenga la imagen perfecta lo hare, asi que tedare tus merecidos creditos... gracias por compartirlo
    saluditos...

    ResponderEliminar
  9. Me ha encantado el tutorial, de hecho yo pensaba en como lo habias hecho jaj jaXD, la verdad se ve muy bien, graicas por el tutorial

    ResponderEliminar
  10. Holaaa!!! tu plantilla tambien es hermosisima! gracias por el tutorial!!!

    ResponderEliminar
  11. Waa! Excelente tutorial, gracias por compartir! ^^
    Saludoos!

    ResponderEliminar

Puedes dejar cualquier tipo de comentario(*≧m≦*)Pero si el comentario no es de gusto del blog sera borrado..
No insultes.
No spam(;¬_¬)
Si tienes algo que decirme privado:
dayi123466@gmail.com