Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje12-10-2011, 14:26 (UTC)    
Título del mensaje: [HTML] Como Poner 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:

Cita:
<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:

http://guias-programas.es.tl/Menu-Desplegable.htm

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.

FUENTE :
http://webmaster.galeon.com/desplegable.htm

Aviso del Moderador "Design-PWG":
[El "Asunto" del aporte debe tener su respectiva etiqueta.]
Mas información: http://www.paginawebgratis.es/forum/viewtopic.php?t=66177
Desde ya gracias por su comprensión y colaboración!


Ultima edición por guias-programas el Mie Oct 12, 2011 8:40 pm; editado 3 veces
Mensaje12-10-2011, 20:44 (UTC)    
Título del mensaje:

buen aporte para los nuevos usuarios,saludos GyP
______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje12-10-2011, 20:50 (UTC)    
Título del mensaje:

nuestrasxarlas escribió:
buen aporte para los nuevos usuarios,saludos GyP


Gracias el Xarlas !
Mensaje12-10-2011, 21:18 (UTC)    
Título del mensaje:

Es simple el menu pero igual gracias por el aporte.

Saludos
______________

Noticias Relevantes
Diablo III llegara el 15 de mayo
Se desvela Angry Birds Space
Call of Duty: Black Ops 2 podria anunciarse el 28
La portatil Neo Geo es oficial
Hemos activado nuestro foro... ¡ Entrar al foro !
Mensaje12-10-2011, 21:57 (UTC)    
Título del mensaje:

noti-gamer escribió:
Es simple el menu pero igual gracias por el aporte.

Saludos


Gracias por comentar , igual puse que el menu era simple y lo editen a su gusto
Mensaje26-01-2012, 14:55 (UTC)    
Título del mensaje: mui bn

Bnn Aporte amigo
Mensaje31-07-2012, 17:10 (UTC)    
Título del mensaje: Re: mui bn

viip-web escribió:
Bnn Aporte amigo



hay manera de darle colores?????
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group