¿cómo se hace este tipo de menú despegable?

Hola me gustaría poner 4 menús despegables como este en el cuerpo de mi página "recetas"
[contenido no disponible]

Cuando se pincha sobre la flecha aparecen las recetas y al pinchar "go" se abre otra página con la receta.

¿Tengo que crear un .html para cada receta? ¿Se ponen las recetas en una base de datos?

Gracias

¡hola Kane!
si para cada receta tienes que crear un html.
lo de la base de datos no lo entiendo solo que los html de las recetas las colocas en el mismo sitio que la index y la plantilla.

si te gusta mi menu te puedo ayudar mas.
escribelo en el buscador de arriba que todavia no me he registrado en google
http://disaral.onlinewebshop.net/

Hola mayucona

Si que me gusta tu menú y no solo el menú tu web me gusta. Veo que los dos nos hemos inclinado hacia el tema de la alimentación.

Acepto toda la ayuda que puedes ofrecerme.

Gracias

¡hola Kane!
me imagino que si estas en el foro habras hecho tu pagina siguiendo el tutorial de cctw bueno pues en este enlace tienes que seguir los pasos

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

Yo te recomiendo que si tienes tus html guardados en carpetas los saques de las carpetas y los dejes fuera como la index y la plantilla.
En tu caso cada receta tiene que ser un html como en mi pagina cada producto.
para hacer esto abres la plantilla le das guaradar como y le pones el nombre de la receta siempre acabado en html y en la carpeta de definir-menu txt donde pone ruta le pones el html que quieras que ponga.
Para las fotos yo cree con photoshop una hoja de 350x662 de ancho (tu puedes poner la que tu quieras crea una en la plantilla y le vas dando la medida que tu quieras) y ponia mis imagenes le daba a guardar para web para que te ocupen menos y ya esta, pero para poner la imagen en cualquier html tienes que quitar el texto que tenga escrito como en mi caso la historia de disaral.
Espero que te sirva de ayuda.

hola

si, ese desplegable funciona muuuy bien
solo hay que ajustarle un pequeño detalle

porque en opera y en firefox no se despliega
http://www.comocreartuweb.com/phpBB2/ftopic9434.html

la otra opcion es esta

http://unpocodemucho.atwebpages.com/barra.html
completamente configurable

saludos

Yaneth, cuál de los dos me recomiendas. Como has podido ver no soy muy espabilada en estos temas.

Una duda de estética.
Quiero hacer una plantilla para las recetas que subiré a mi web, pero tengo una duda: modifico la que ahora tengo y así mantengo unidad a través de la web, o bien hago otra con un color una poco más llamativo justamente para romper la monotonía. He pensado en un rosado fuerte, para no poner rojo (se dice que este color va bien con temas de cocina ya que abre el apetito).

mmm, recomendarte.... pues la que tu desees,
eso es a tu gusto
yo uso las dos, y las dos funcionan muuuy bien

saludos

Buenas noches

Me he bajado el transmenuC.txt ahora qué tengo que hacer.
¿Lo inserto en la capa de navegación del index.html?
De momento tengo el texto en la carpeta local de la web en formato .txt

para ese menu

son 5 documentos si mal no recuerdo

yyy, algunas imagenes

creo que en las lecciones jorgens nos los dà todo en un rar

saludos

Ya los he bajando. Lo voy siguiendo poco a poco. A ver si lo hago bien.

¡hola Yaneth! soy mayucona he leido lo del firefox y opera.
que tengo que hacer descargarme ese archivo en zip. y cambiarle por no-tocar-txt o ponerle al lado?

¡chao y gracias!

Buenas noches mayucona

Yo utilizo Firefox y Explorer tu menú despegable se ve muy bien en los dos.

Hola
solo debes cambiarle el nombre al documento no tocar

debe llamarse transmenuC.txt

saludos

¡Ya lo tengo hecho y no ha sido difícil.!
Hice los cambios en plantilla.html y también en index.html
Me imagino que ahora hay que cambiar todos los html de la web, ¿verdad?
Pongo la línea de navegación de la hoja de "alimentos"

Portada

Perfil

Alimentos

Recetas

Comidas

Peso

Medidas

Diario

Actividades

Calendario

¿Tengo que cambiarla para que sea así, o no?

Portada

Perfil

Alimentos

Recetas

Comidas

Peso

Medidas

Diario

Actividades

Calendario

Y, claro, los demás cambios.

Hoy he intentado poner el menú despegable en todas las páginas de la web pero no funcionó. No sé si es por que estoy haciendo algo mal o bien si este menú solo se coloca en la primera página. Aún sí me viene muy bien.

Ahora, me gustaría mucho poder poner un menú en el cuerpo mismo de la página, algo parecido a la imagen que puse a principio de este hilo.
¿Alguien sabe cómo se hace?

¡hola Kane!
no se si estaras utilizando el mismo desplegable que yo pero te voy a aconsejar que hagas una prueba como la que yo hice.

en vez de poner ../perfil/perfil.html saca el html de la carpeta perfil (pero solo copiandolo no eliminandolo)y le pones fuera donde el index, menu css... y en definir-menu-txt pon solo perfil.html no pongas ../perfil/perfil.html. O pruebalo en un desplegable que no tenga mucho lio.

a mi me funciona asi aunque ya no tenga los html ordenados por carpetas

¡hola! Yaneth

tengo 2 preguntas para ti
1ª en mi pagina en todos los html no tengo puesto esto de aqui abajo solo en el de inicio porque lo deje sin terminar porque veia que el desplegable funcionaba bien con esto que sin esto, como te he dicho lo deje sin terminar y me he dado cuenta que cuando cree el sitemap solo me reconocio los html que estaban puestos en la pagina de inicio y los que me habian faltado por poner no salian ¿es necesario ponerlo en todos los html?

Asturiana

Nestlé

J.G. Carrión

Lácteas del Jarama

Otros
si te fijas en el codigo fuente "ver/codigo fuente" de inicio y en cualquier otra pagina lo de la navegacion no son iguales
http://disaral.onlinewebshop.net/
2ª ¿que utilizaste o como hiciste para crear tu sitemap?

Hola mayucona

Sé que soy algo dura de la mollera pero no entiendo lo que tengo que hacer. ¿Podrías ponerme una captura de pantalla para que vea lo que has hecho? Claro, si no es demasiado pedir.

????????????????????????????

ahora si, la que no entiendo soy yo

pero.... una cosita....

tu desplegable no funciona en opera

ajustalo como te lo indiquè antes
en ves de decir no-tocar
debe decir transmenuC

saludos

peero como me quedè intrigada, abrì mi ie
para, checarlo yyyyyyyyyyyyyyy

esto

Asturiana

està equivovado, solo deberias tener un enlace, que es el que te abre al pinchar sobre Asturiana

pero creo que algo no ha quedado claro, si te pones sobre Asturiana, se te abre el desplegable SIN NECESIDAR de darle click verdad?????

entonces lo pondriamos asi

Asturiana

ahora... si lo que quieres es que la palabra Asturiana tambien sea una pàgina entonces lo pondrias asi

Asturiana

pero tooodos esos href que has puesto salen sobrando

ahora pensaràs yyyyyy... entonces??? como funcionarà verdad????

eso se define en definir-menus.txt

que por lo que veo, lo tienes bien colocado, por eso funciona
no por todo lo que le agregaste en el html

saludos

El menú funciona pero solo en la primera página, o sea, en la portada. Cuando estoy en cualquier otra página ni siquiera se ve el desplegable.
Por ejemplo, si estoy en la página de recetas y que pincho recetas en la barra de navegación no me sale nada de nada.

Te dejo el URL de la web para que puedas ver lo que te digo.
http://inmenu.mywebcommunity.org/

hola

mira.. aqui estoy en el codigo fuente de recetas

<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>RECETAS</title>
<link rel="stylesheet" href="../estilo-general.css" type="text/css" media="all">
</head>

y este es el codigo fuente del index

<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>INMENU</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all"><script language="javascript" src="transmenuC.txt" type="text/javascript"></script><script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head


ves porque no funciona?????

no declaraste los documentos que necesita el desplegable para funcionar

saludos

¡hola!
yo creo que lo voy a dejar como esteba, porque al cambiar no-tocar por transmenuC.txt me salen este error y otros 3 mas.
http://xs.to/xs.php?h=xs537&d=09135&f=error_opera605.png.
http://xs.to/xs.php?h=xs537&d=09135&f=error_opera420.png
respecto a lo otro de lo de asturiana... solo lo tengo puesto y terminado en la pagina de inicio en el resto lo tengo puesto asi:

Asturiana

Nestle

J.G. Carrion

Lacteas del Jarama

Otros

mi intriga por terminar esto de aqui arriba era porque al crear el sitemap solo me cogia los html que tenia puestos y cuando lo termine que es lo que dices tu que sobra el sitemap me coge todos los casi 50 html lo que no he probado es crear un sitemap con solo lo que esta puesto arriba, voy a ver. porque a mi esto del sitemap y google ma esta volviendo loco.

Si he entendido bien, todos los cambios que hice en el código "index" para instalar el desplegable tengo que haceros también el el html de todas las páginas.

Quiero asegurarme antes de ir cambiando todo y que no sea lo que tenía que hacer.

Otra cosita, quiero pedir perdona si me forma de redactar no es del todo ortodoxa y que hay unos giros difícil de entender, es que no soy española sino inglesa. Me peguntarás por qué no estoy en un foro de habla inglesa, pues en un primer momento lo intente pero era todo salvo dinámico, encontrar este sitio ha sido una revelación para mí.

me refiero a esto:
http://xs.to/xs.php?h=xs537&d=09135&f=workspace_si607.png asi si
http://xs.to/xs.php?h=xs537&d=09135&f=workspace349.png asi no
y en html esto

Perfil

Alimentos

Recetas

Comidas</li...
y en definir-menu.txt asi
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Cereales','cereales.html');
desplegable1_0.addItem('Verduras','verduras.html');
desplegable1_0.addItem('Hortalizas','hortalizas.html');