Colócalo En Un Gadget HTML/javascript.
Menú Vertical.
<div class="mMMC">Menú Horizontal.
<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>
Para Que Tu Menú Sea De Forma HORIZONTAL, Deberás Cambiar:
display:block;Por:
display:inline-block;

me ecanta sencillamente me encanto *u* Eres mi idolo
ResponderEliminarte sigo te
afilio
tu blog es muuuyyyyyyyyyyyyyyy
lindooooooooo
y sugoiii kawaiii
etc XD
jajajaja
eres genial sigue asi
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...
ResponderEliminarno es justo OnO
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\(°.°)/... 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...
ResponderEliminarBueno 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?...
ResponderEliminarBueno 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.
ResponderEliminarte 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
ResponderEliminarTambien 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...
ResponderEliminarPara 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...
ResponderEliminarBueno 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...
ResponderEliminarha 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
Wow que bonito esta el nuevo diseño (:
ResponderEliminarlo 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~~
Que lindo menu es muy sencillo, la verdad me encanto, tal vez lo use para el nuevo diseño de mi blog :D
ResponderEliminarHace 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
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
ResponderEliminarQue bonito *_* me encanta tu blogg
ResponderEliminarHola:) Una preguntita: ¿Cómo puedo hacer para que el gadget quede centrado? Gracias:D
ResponderEliminarHola 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:
Eliminar<*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!