Menu desplegable
 

CÓMO PONER UN MENÚ DESPLEGABLE EN TU PÁGINA

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>


Este sería el resultado:

 

 

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.





Comentarios hacia esta página:
Comentado por insivaNeagree, 28-08-2011, 23:01 (UTC):
necesidad de comprobar:)

Comentado por Dina, 04-06-2009, 19:09 (UTC):
este codigo se pega en configuraciones avanzadas?
Podria poner un ejemplo de como queda?Gracias

Comentado por:16-05-2009, 23:00 (UTC)
boxneder
boxneder
Offline

cuando dice pega este codigo diga donde lo pega por ejemplo para los menus desplegables donde se pegan los codigos?esquina derecha donde?



Añadir comentario acerca de esta página:
Tu nombre:
Tu mensaje:

 
  Hoy habia 44949 visitantes (122171 clics a subpáginas) ¡Aqui en esta página!
Nombre de usuario:
Contraseña:
 
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis