Navigation sur le Site
Le menu en-tête (ou header) du site est conçu pour être le point central de la navigation.
Voici comment ce menu est composé et comment il réagit aux interactions.
- LCcomposition du menu
L'en-tête regroupe tous les raccourcis essentiels pour le caravanier :
-
L'identité et l'accueil : On y trouve le logo principal LE BONHEUR EN CARAVANE (qui, au clic, vous ramène toujours à la page d'accueil) ainsi qu'un mini logo Facebook pour rejoindre rapidement le Groupe.
-
Les rubriques de navigation : Le Groupe (informations sur le groupe Facebook, les administrateurs et les modérateurs), Légis (point d'accès aux règles comme la législation du caravaning, le Code de la Route, l'hivernage), Biblio (la bibliothèque de ressources) avec constructeurs de caravanes, sélections de campings, applications mobiles utiles), Blog et Plan du site.
-
Outils d'ergonomie : 2 boutons Retour en haut (Back to top) qui vous ramènent en haut ou bas de page.
Comment le menu réagit (Interactivité et Responsive)
L'en-tête du Sitet différemment selon votre appareil et vos actions :
-
Réaction au défilement (Scroll) : Lorsque vous descendez pour lire le contenu d'une page, le menu de base peut soit rester fixé en haut de l'écran (sticky header), soit disparaître. Dans tous les cas, la fonction Retour en haut réagit à votre position sur la page : elle vous permet de remonter instantanément au menu principal d'un simple clic sans avoir à faire défiler l'écran à l'envers.
-
Réaction au survol (Hover) : Sur un ordinateur (à la souris), lorsque vous passez le curseur sur les éléments du menu principal (comme Légis ou Biblio), le menu réagit visuellement. Il change de couleur pour indiquer qu'il est cliquable et déploie les sous-menus correspondants (par exemple, afficher Applis smartphone quand on survole Biblio).
-
Réaction à la taille de l'écran (Mobile / Responsive) : Si vous visitez le site sur un smartphone ou une tablette, le menu détecte la largeur de votre écran. Il va alors réagir en masquant les rubriques textuelles pour les regrouper sous un bouton unique (généralement un menu hamburger). Le logo s'adapte en taille pour ne pas déborder, garantissant que la lecture sur petit écran reste agréable.