Página 1 de 11
Moderador del foro: ZorG 
Foro uCoz » Ayuda a los webmasters » Propuestas acerca de cómo mejorar el sitio » Menus Desplegables (ÓMO PONER UN MENÚ DESPLEGABLE EN TU PÁGINA)
Menus Desplegables
MrCazper
Mensajes: 1080
Reputación: 33
Mensaje Nº 1 | 10:40 AM
Crear un menú de navegación mediante campo de formulario despegable (con un botón de confirmación de selección) es sumamente fácil.

A continuación te explicamos cómo. Evidentemente, este ejemplo no sirve más que a título ilustrativo. Tu tendrías que incluir tus propias secciones y textos sustituyendo a los que aquí aparecen.
Tomemos como punto de partida un menú en el que aparezcan las siguientes secciones:
- Inicio
- Album de fotos
- Textos interesantes
- Noticias
- Novedades
- Mi diario

Para disponerlas dentro de un menú desplegable, debemos elegir, en primer lugar el lugar de nuestra página donde deseamos incluirlo (te recomendamos, por su visibilidad, la esquina superior derecha). Una vez hecho esto, pega allí el siguiente código HTML:

<form>
<SELECT NAME="urldestino">
<option selected>--- M E N U ---
<option value="inicio.html" >Inicio
<option value="seccion1.html">Album de fotos
<option value="seccion2.html">Textos interesantes
<option value="seccion3.html">Noticias
<option value="seccion4.html">Novedades
<option value="seccion5.html">Mi diario
</SELECT>
<input type="button" value="IR" onClick="location=this.form.urldestino.value" name="button">
</form>

Adáptalo ahora a tus necesidades
Modifica este código para que se adapte a cada una de las páginas o secciones que quieres incluir en tu menú desplegable. Para ello, sustituye las palabras en morado por los nombres de dichas secciones, teniendo en cuenta que éstos serán los que le aparezcan al usuario al desplegar el menú.

Después, sustituye los textos en verde que acompañan a cada nombre en rojo por los nombres de los archivos html de destino, asegurándote de que aparece la ruta completa y correcta. Es decir, debes incluir la URL correspondiente a cada nombre de sección del menú..

No es preciso que el nombre de la sección que aparece visible para el usuario sea el mismo que tiene el documento HTML a cuya URL hace referencia.

En este menú de ejemplo aparecen 6 opciones pero puedes incluir tantas como desees, simplemente, incluyendo más líneas con nombres y enlaces.


primero que nada lamento haberme ausentado tanto tiempo y segundo avisó que estaré más activo ahora pero estaré desde mi teléfono celular por lo cual pido disculpas por respuestas dobles o incoherencias en mi cuestionamiento textual
JMG_Elite
Mensajes: 11
Reputación: 0
Mensaje Nº 2 | 2:00 PM
Gracias buen aporte, pero estaria mejor si se desplegase solo con poner el mouse encima.

Un saludo

Plantillasw
Mensajes: 277
Reputación: 6
Mensaje Nº 3 | 6:24 AM
Buen aporte Fidarsegura, espero que sigas asi en el foro.
Después de mi larga ausencia. Aquí estoy.
Kagaho
Mensajes: 20
Reputación: 2
Mensaje Nº 4 | 9:09 AM
Gracias por el aporte!, Muy bueno.
Daze
Mensajes: 87
Reputación: 4
Mensaje Nº 5 | 7:48 AM
Aquí les dejo uno que yo hice con CSS3:

http://foro.ucoz.es/forum/5-1885-1


Foro uCoz » Ayuda a los webmasters » Propuestas acerca de cómo mejorar el sitio » Menus Desplegables (ÓMO PONER UN MENÚ DESPLEGABLE EN TU PÁGINA)
Página 1 de 11
Búscar: