Je pense que pour cela il faudrait que tu crées une page dont tu modifierais l'affichage en fonction des demandes du visiteurs.
C'est à dire que tout se passerait sur une seule page. Au début le menu des recettes avec la liste des images apparaitra. Lors d'un clic sur une image, le menu disparaitra et les infos sur la recette seront affichées, ainsi de suite.
Mais pour que tout cela se passe sans que plusieurs pages soient créées dans le menu du site, il faudra tout faire dans une page dont tu manipulera les affichage à l'aide de javascript et css.
Un exemple:
Tu crées une nouvelle page que tu sépares en trois partie:
Par exemple dans ce genre:
Explications : La première partie de la page (<div id="partie1">) sera celle contenant le menu. Elle sera elle-même divisée en autant de partie que de recette dans le menu.
Ensuite la page contient d'autre partie qui, elle représenteront les menus. Dans l'exemple tu as trois partie principales dans ta page, donc le menu et deux recette. Chaque sous-partie du menu correspond alors à une recette.
en cliquant sur un lien d'une recette au menu, donc d'une sous-partie du menu, la partie contenant la recette correspondante s'affiche et le menu est masqué.
Il y également sur la page de chaque menu un lien te permettant de faire rapparaitre le menu lorsque tu te retrouve sur la page d'une recette.
Donc ici tout se passe sur une même page. L'utilisateur aura donc l'impression de naviguer entre plusieurs page mais ce sera toujours la même qui apparait au menu principal du site.
PS: Le code ci-haut n'est qu'une sorte de maquette. je l'ai directement écrit dans le forum en répondant à ton message. Je ne l'ai donc pas testé, c'était juste pour te faire voir comment je me représenterais la chose si je devais la programmer.