<select onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" class="desplegable" name="menu" size="1">Sólo hay que agregar las URL de las páginas del menú y el título de la opción.
<option selected/>Seleccionar...
<option value=""/>- - - - - - - - - -
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
<option value="URL de la página"/>Título del menú
</select>
El resultado será este:
Si quisieras añadirle color entonces entra a Diseño > Edición de HTML y antes de ]]></b:skin> pega lo siguiente:
.desplegable {En background-color puedes elegir el color de fondo del menú, y en color puedes escoger el color de las letras.
background-color: #ccc;
color: #000;
}
El resultado será este:




Iconos RSS

33 comentarios:
Potro muy bueno el menu muchas gracias me sirvio de mucha ayuda!!!! :D
Qué bueno que te sirvió.
Saludos.
Si muy buena idea y ya me gustaría hacerlo pero que es eso de ? "sólo hay que abrir un elemento HTML/Javascript y ahí pegar esto"?
Soy muy novata necesito un poco mas de explicaciones
Gracias por ayudarnos a todos con vuestros consejos
Hola Sonieta ladeloslibros,
Entra a Diseño > Elementos de la página > Añadir un gadget y selecciona HTML/Javascript, ahí es donde debes pegar el código.
Saludos.
Wow!!! que fácil!!!
El próximo post dirá "pincha en el siguiente botón... pide un deseo... y tu blog será como tu quieras"
jajajajaja.
Sigo con la idea de postular este blog!!!!
Un abrazo!!!
Jajajajaja, entonces cambiaré de nuevo de nombre a "El rincón mágico del Potro", jajaja.
Un abrazo!
Jajajajajajaja.... ya tienes varios nombres pendientes para el blog!!!!
Un abrazo!!!
Gracias a ti he podido realizar un menú, con el cual solucione además el tewma de las categorías.Si alguien desea que se lo explique te envío las indicaciones
Saludos
Adriana
Hola Adriana Paoletta,
Qué lindo te ha quedado el menú horizontal. Gracias por ofrecernos tu ayuda. No estaría de más que dejaras un comentario explicándonos el tema.
Saludos.
Potro una pregunta....
mira antes yo vi que cuando un ''Anonimo'' comentaba en tu blog siempre salia al costado del comentario una personita...me puedes decir como hacerlo porfavor?
Hola HP muggle,
Ese es un script que no funciona muy bien, si te diste cuenta algunas veces salía ese muñequito pero la mayoría de las veces no. No lo he publicado por esa razón. Si encuentro alguno que funcione mejor lo publico.
Saludos.
muchas gracias por la informacion nos sirvio en nuestro blog gracias por apoyar el cnocimiento saludos
Gracias a ti por tu visita y tus comentarios!
Saludos.
hola potro aqui nuevamente molestandote mira este es mi problema yo tengo como 6 menus de estos en mi blog y todos de un mismo color porq cuando coloque el codigo :
.desplegable {
background-color: #ccc;
color: #000;
}
todos mis menus sales de un mismo color quisiera saber si puedo aser que cada menu tenga su propio color de letra y de fondo gracias
SALUDOS
100% CIUDADBLOGGER ^^
Hola PeruanoTeve,
En el código del menú verás que dice esto class="desplegable"
A cada menú cámbiale esa parte, por ejemplo class="desplegable1", class="desplegable2", class="desplegable3", etc.
Y luego en el código de la plantilla pon esto:
.desplegable1 {
background-color: #ccc;
color: #000;
}
.desplegable2 {
background-color: #ccc;
color: #000;
}
.desplegable3 {
background-color: #ccc;
color: #000;
}
Ahí colocale a cada uno el color que quieras. Haz esto por cada menú que quieras que tenga un color diferente.
Saludos.
TY
saludos
100% CIUDADBLOGGER ^^
HOLA POTRO ESPERO Q ME AYUDES LO MENOS POSIBLE MIRA ESTE ES MI ROBLEMA YO HE CAMBIADO MI PLANTILLA DE MI BLOGGER Y LOS MENUS QUE TENIA SE ACHICARON QUISIERA SABER SI PUEDO HAGRANDARLOS PORFAVOR AYUDAME ESPERO TU RESPUESTA
MI BLOG PARA QUE VEAS COMO QUEDARON LOS MENUS : http://peruanoteve.blogspot.com/
SALUDOS
100% CIUDADBLOGGER ^^!!!
RESPONDE PORFAVOR !!!!!!!!!!!!!!!!!!!!!!!!
Mi problema: He realizado sin problemas el menú y ha quedado bien pero cuando se despliega se solapa con el cuadro de blogspot que dice "Mostrando entradas con la etiqueta ---------. Mostrar todas las entradas" y no deja pinchar sobre las que estén bajo él.
Me gustaría traer al frente mi menu pero no consigo hacerlo. Gracias.
mi blog: davidplouffe.blogspot.com
www.PeruanoTeve.tk, el menú se adapta al contenido del menú, pero tu nueva plantilla no deja que se adapte todo el ancho, pero no es el menú sino los estilos de tu plantilla. Saludos.
Fernando López Gil, te dejo un enlace para que quites ese mensaje y te deje seleccionar el menú:
http://ciudadblogger.com/2009/07/ocultareliminar-el-mensaje-mostrando.html
Hola Potro aqui nuevamente pidiendote (PORFAVOR) que me ayudes quisiera saber si tu podrias modificar mi plantilla para q mi menu sea mas largo porfavor ayudame !!!
Aqui te dejo mi plantilla : http://www.freewebtown.com/peruanoteve/www.PeruanoTeve.tk.zip
Espero tu respuesta
SALUDOS
100% CIUDADBLOGGER ^^ LEMA = PERUANOTEVE
Esa plantilla es de las que si se les modifica algo se desconfiguran por completo.
Lo mejor es o pensar en otro menú, o cambiar de plantilla.
Saludos!
potro: primero las merecidas flores. espectacular..todo sirve en esta pagina! quisiera utilizar todos los trucos..me encantan!!!.
ahora mi problema: jajaja...en mi pagina todos los links se abren en una nueva pagina...lo que me acarreo un problema con el menu desplegable...ya que me abre una nueva pagina (no quiero eso) vacia.
se podria solucionar eso sin quitar ninguno de los dos trucos?
desde ya...14.000.000 de gracias.
Hola graficida,
Qué gusto que los temas de este sitio te estén siendo de utilidad.
He entrado a tu blog y he probado el menú desplegable y en ninguna selección que hice me abrió una ventana nueva, mucho menos vacía; en la mayoría me abre la página de Google Sites para descargar el archivo en cuestión. Así que todo lo vi bien :S
Saludos.
Solo quera saber s se puede meter uno de estos menus despegables en otro menu despegable.
Lamentablemente no.
Hola de nuevo Potro, entonces como decias si tengo que agregar todos los elementos manualmente desde la plantilla, como se podra hacer para agregar la parte de las etiquetas? Como un tipo menu. Saludos.
Pues buscando en la plantilla donde están los gadgets actuales y en su lugar poner los tuyos pero la verdad lo veo bastante complicado pues el diseño de esa plantilla está muy incompleto, ni siquiera tiene un área de sidebar definido. Te recomiendo que mejor busques otra plantilla, con esa vas a batallar mucho.
Saludos.
Si, la verdad que si, pero llevaba mucho tiempo buscandola, bueno voy a ver eso, si no los agregare manualmente, o mejor cambio la plantilla. Saludos.
Hola Potro, mi nombre es Alba. Te felicito!!! muy buena pagina y explicacion.
Que suerte haberte encontrado, estoy aprendiendo armar mi blog con tu ayuda.
En un principio hace varios meses atras me ayudo mi hijo, pero ahora lo estoy logrando con esfuerzo de entendimiento.
Mi inquietud es sobre el menu desplegable, todos los item del menu estan vacio, como hago para agregar el contenido, seguir agregando, cambiarlo, etc. La "URL de enlace" cual debo aplicar? porque los contenidos seran escrito x mi y otros datos de la web.
Sobre el item de CONTACTO que tengo que hacer?
Mi blog es: http://esthetiquejeunesse.blogspot.com/
Gracias por tu atencion.
Saludos Cordiales.
Hola Alba,
Bienvenida a Ciudad Blogger, me da gusto que te estés esmerando por mejorar tu blog.
El código que muestro en la entrada debes pegarlo tal como está en un elemento HTML/Javascript. Luego cambias donde dice URL de la página por la dirección web a la que quieres que enlace, por ejemplo http://google.com/
Y en donde dice Título del menú lo cambias por el nombre del enlace que quieres, por ejemplo Google.
Eso mismo se repite según tantos enlaces quieres que tenga tu menú.
En el caso del de CONTACTO en la URL de la página debes poner mailto:tucorreo@gmail.com
Saludos!
El aporte es muy bueno. Lo voy a utilizar en mi blog
http://mediosnoticiososargentinos.blogspot.com
Qué bueno que te ha gustado :)
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.