Menu desplegable

|

Los menús desplegables tienen la ventaja de ocupar muy poco espacio y esto puede beneficiarle a muchos bloggers. Crear un menú desplegable es muy sencillo, sólo hay que abrir un elemento HTML/Javascript y ahí pegar esto:
<select onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" class="desplegable" name="menu" size="1">
<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>
Sólo hay que agregar las URL de las páginas del menú y el título de la opción.
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 {
background-color: #ccc;
color: #000;
}
En background-color puedes elegir el color de fondo del menú, y en color puedes escoger el color de las letras.
El resultado será este:

33 comentarios:

HP muggle dijo...

Potro muy bueno el menu muchas gracias me sirvio de mucha ayuda!!!! :D

Sonieta ladeloslibros dijo...

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

El Potro™ dijo...

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.

cyberbloggero dijo...

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!!!

El Potro™ dijo...

Jajajajaja, entonces cambiaré de nuevo de nombre a "El rincón mágico del Potro", jajaja.

Un abrazo!

cyberbloggero dijo...

Jajajajajajaja.... ya tienes varios nombres pendientes para el blog!!!!

Un abrazo!!!

Adriana Paoletta dijo...

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

El Potro™ dijo...

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.

HP muggle dijo...

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?

El Potro™ dijo...

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.

FUNDACION FRATERNIDAD dijo...

muchas gracias por la informacion nos sirvio en nuestro blog gracias por apoyar el cnocimiento saludos

El Potro dijo...

Gracias a ti por tu visita y tus comentarios!
Saludos.

www.PeruanoTeve.tk dijo...

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 ^^

El Potro dijo...

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.

www.PeruanoTeve.tk dijo...

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 ^^!!!

Fernando López Gil dijo...

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

El Potro dijo...

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

www.PeruanoTeve.tk dijo...

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

El Potro dijo...

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!

graficida dijo...

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.

El Potro dijo...

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.

J-Chamaco dijo...

Solo quera saber s se puede meter uno de estos menus despegables en otro menu despegable.

Borest dijo...

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.

El Potro dijo...

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.

Borest dijo...

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.

Esthetique Jeunesse dijo...

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.

El Potro dijo...

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!

Medios Noticiosos Argentinos dijo...

El aporte es muy bueno. Lo voy a utilizar en mi blog

http://mediosnoticiososargentinos.blogspot.com

Publicar un comentario en la entrada

Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.

 

Ciudad Blogger. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com

Ir arriba Ir abajo