Crea Tu Menú.

Colócalo En Un Gadget HTML/javascript.
Menú Vertical.
<div class="mMMC">
<a href="">uno</a>
<a href="">dos</a>
<a href="">tres</a>
<a href="">cuatro</a>
<a href="">cinco</a>
</div>
<style>
.mMMC a{
width:130px; /* ANCHO DEL MENU */
font-family: arial; /* FUENTE DE LETRA */
font-size: 13px; /* TAMAÑO DE LETRA */
border-left:15px solid #ffe599; /* COLOR DEL BORDE IZQUIERDO */
border-right:15px solid #ffe599; /* COLOR DEL BORDE DERECHO */
background:#7fe1e1; /* COLOR DE FONDO */
margin:3px;
color:#fff; /* COLOR DE LETRA */
border-radius:10px 10px 10px 10px; /* EFECTO REDONDO */
text-align:center;
display:block;padding:3px;
text-shadow: none;
}
/* HOVER {AL PASAR EL CURSOR} */
.mMMC a:hover{
color:#ffe599; /* COLOR DE LETRA */
border-left:15px solid #7fe1e1; /* COLOR DEL BORDE IZQUIERDO */
border-right:15px solid #7fe1e1;/* COLOR DEL BORDE DERECHO */
text-decoration:none;
text-shadow: none;
}
</style>
Menú Horizontal.
Para Que Tu Menú Sea De Forma HORIZONTAL, Deberás Cambiar:
display:block;
Por:
display:inline-block;

16 comentarios:

  1. me ecanta sencillamente me encanto *u* Eres mi idolo
    te sigo te
    afilio
    tu blog es muuuyyyyyyyyyyyyyyy
    lindooooooooo
    y sugoiii kawaiii
    etc XD
    jajajaja
    eres genial sigue asi

    ResponderEliminar
  2. te odio!! yo buscando menús como una loca y ahora que he encontrado uno simple y decente me pones en la cara uno mejor...
    no es justo OnO

    ResponderEliminar
  3. Hola mi adorada princesa, como ves, ya estoy de regreso, pero esta vez no te atacare con todo un escuadron de comentarios, solo quiero darte a conocer que nuestra pequeña batalla a reiniciado, bueno al menos por mi pñarte, ¿Como has estado? la verdad extrañaba mucho esto, al fin podre estar las 24 horas del dia libre durante todo el tiempo... sin preocuparme por nada... hasta el otro año claro esta... buenosin mas me dedico a la entreada: bueno este tuto, veré si lo puedo aplicar aun que lo dudo ya que mi blog ya tiene diseño bien estructurado y cambiarlo tan derepente seria muy malo para mis visitas, aun asi te lo agradesco, en cambio tu mi amada princesa veo que cada dia cambias a un nuevo diseño en tu blog, debo decir queme gustan la mayoria, aun que otro no, pero no por que sean feos, sino por que la claridad de sus coloreslo hacen muy "brillante" al punto que me llega a cansar la vista, este esta en una escala considerable para la vsita, es decir esta bueno, en verdad te gustan los colores calros he... pero aun asi no deberias abusar mucho de ellos, a mi me encanta el verde, pero no por eso abuso de ello, bueno, pasaba solo a saludar, mañana si Zeus todo poderoso lod esea estaremos iniciando nuevamente nuestro "Reto" asi que preparate mi amada princesa... besos cuidate.

    ResponderEliminar
  4. \(°.°)/... Holas mi adorada princesa... se antes de comenzar el tema de esta lista de comentarios, permiteme pedirte PERDON, si y es que al parecer no me habia dado cuenta o es que habia olvidado que ya habia criticado la claridad de tu blog, la verdad que mis ojos se cansan muy rapido a si que haces simplemente lo hago inconcientemente, asi que TE PROMETO NO VOLVER A HACERLO, asi que puedes colocarle el diseño que siempre me gusta, y los colores que quieras ya que he arreglado mi OS para en cierta forma invertir los colores cuando sean estos demaciado claros... a decir verdad me gustan tambien los colores que pones...y lo que mas me sorprende de tu blog, es que siempre que lo visito tiene un nuevo diseño que mostrar, sera por que casi no entraba, bueno tambien me disculpo por eso, ahora que ando mas libre podre estar mas metido por estos lugares n.n, sin mas que decir, termino este comentario pidiendo sinceras disculpas... aun que en cierta forma lo hice para re-comenzar el pequeño "reto" que teniamos... asi que en cierta forma funciono...

    ResponderEliminar
  5. Bueno para comenzar, gracias prod ejar esos comentarios en mi blog, en cierta forma me informo que el reto vuelve a dar vida y si tienes mucha razon, para nuestra especia acostumbradea a una sociedad mas avanzada, nos es normal que nos encontremos con temas algo aburridos, si que extrañe mucho converzar contigo, sobre tantos temas y seguir en cierta manera en lo que nos habiamos quedado ¿Alguna idea donde nos quedamos? bueno sera un gusto volver a comentar tan enormemente en tu blog... tratare de dejarte al menos unos 10 comentarios en cada entrada, y si esa en verdad me gusta puede que sobre pase la barrera de las 3 cifras como ya lo habia hecho antes lo recuerdas?...

    ResponderEliminar
  6. Bueno para hablar mas dce tu blog, y de paso informarte, puede editar el uRl o mejor dicho completarlo, ya que falta mi fecha de Happy Birthday, veras tengo varios, una es la fecha segun nuestro planeta, el dia 7 de nuestro segundo satelite "luna"... traducido a la fecha terrestre seeria el 15 de noviembre dle año 1787... XD asi que solo pon la fecha de mes y dia como has hecho con los demas, pero veo que me has eschito como PO! asi que ese es el logotipo de mi blog, asiq ue su fecha de nacimiento "de mi blog" es el 7 de julio, bueno puedes colocar el que mas te guste... igual debo pedirte que me hagas recordar el dia de tu happy, y es que sino lo recuerdo, es que de alguna manera me las arregle para olvidar hasta mi apellido xD.

    ResponderEliminar
  7. te actualizo que hace algunos meses me las arregle para "llenar" el espacio que te da blogger para subir imagenes... asi que me ingenie algo para seguir subiendo mas imagenes en alta definicion... péro ya voy al 30% del nuevo espacio... creo que tendre que ir pensando algo mas estable... xD

    ResponderEliminar
  8. Tambien en este nuevo ciclo de re-inicio en mi blog, tratare no solo de subir cosplay, sino regrezar con las letras de las canciones... hace mucho que no subo una... vere con que serie comenzare, si tiens alguna sugerencia te lo agradeceria... por el momento ando pensando en una que me atrajo mucho la atencion...

    ResponderEliminar
  9. Para terminar mi actualizacion, te informare que me uni a face... si lamentablemnete lo termine haciendo, ya que muchos lo pedian, y bueno aun que no me gusta mucho esa cosa, debo decir que ahora unos 2 meses despues de haberme registrado, no le veo el chiste, un dia de estos lo mandare al diablo y lo eliminare... sigo pensando que blogger es mucho mejor...

    ResponderEliminar
  10. Bueno mi amada princesa, eso ha sido todo por hoy... debo imformarte tamebin que aparentemente aria un viaje a la tierra del sol naciente...... Si a Japon... espero que todo salga bien y pueda hacer ese viaje... y por su pueso aprovecharia el viaje para hacer miles de cositas por ahi... entre ellas............................. bueno te las contare en la proxima...
    ha sido todo por hoy, si tengo algo nuevo te lo reportare, por ahora sin mucho que comentar y publicar ya que apenas estoy de regreso con blogger... lo que si, tratare en lo posible de ponerme al corriente de todo... besotes cuidate...
    PD: con respecto a tu saludo final, me llegaron los colores, pero no los besos... a ver si al proxima los mandas dobles... por cierto antes mandabas caramelos... debo suponer que se te han agotado n.n

    ResponderEliminar
  11. Wow que bonito esta el nuevo diseño (:
    lo que mas me encanto fue tu favicon >< es muy genialoso :33
    me gusta como decoras todo clarito y ese detalle que tiene el subrayado de tener dos rayonsitos distintos :33

    Sigue asi me enamore de tu diseño siempre lo hago xd

    y ese menú esta muy lindo :D
    saludos mell~~

    ResponderEliminar
  12. Que lindo menu es muy sencillo, la verdad me encanto, tal vez lo use para el nuevo diseño de mi blog :D
    Hace mucho que no visito tu blog, porque tenia problemas con el internet, pero te aviso que ya he vuelto ^^

    Besos Meel! *---* Pronto pondré visible mi blog n_n

    ResponderEliminar
  13. Que hermoso!! *.* ya lo puse en mi blog, tus tutoriales son geniales! puse algunos en mi blog también y seguiré poniendo xD lo estoy construyendo de a poquito, ahora mismo te pongo los créditos :'D besos!!! n.n

    ResponderEliminar
  14. Hola:) Una preguntita: ¿Cómo puedo hacer para que el gadget quede centrado? Gracias:D

    ResponderEliminar
    Respuestas
    1. Hola Lhya! Lo que quieres es que tu menú quede centrado en el gadget ¿? Bien, si a eso te refieres, antes de pegar el código en el gadget, coloca esto en el:

      <*center>
      AQUI EL CODIGO DEL TUTORIAL
      <*/center>

      & coloca el código dado donde indica *^*!<3
      Espero te sirva & recuerda sacar los asteriscos (*) ya que están para que me permita publicar este comentario ~
      Saludos!

      Eliminar