--- title: "Horizontal Tabs : un format de cours pour naviguer par onglets horizontaux" description: "[![Mascotte bleue](https://pimenko.com/content/uploads/2023/12/Mascotte_bleue-584x1024.png)](https://pimenko.com/content/uploads/2023/12/Mascotte_bleue.png) **Une apparence moderne et une navigation simplifiée dans vos cours Moodle grâce au format de cours HorizontalTabs!** [![Mascotte rouge](https://pimenko.com/content/uploads/2023/12/Mascotte_rouge-584x1024.png)](https://pimenko.com/content/uploads/2023/12/Mascotte_bleue.png) ## Présentation du plugin HorizontalTabs **Horizontal Tabs** est un plugin Moodle développé par Pimenko qui transforme les sections de cours…" url: "https://pimenko.com/docs/plugins-moodle-gratuits/horizontal-tabs-un-format-de-cours-pour-naviguer-par-onglets-horizontaux/" updated: "2026-10-12" category: Plugins Moodle gratuits développés par Pimenko --- # Horizontal Tabs : un format de cours pour naviguer par onglets horizontaux [![Mascotte bleue](https://pimenko.com/content/uploads/2023/12/Mascotte_bleue-584x1024.png)](https://pimenko.com/content/uploads/2023/12/Mascotte_bleue.png) **Une apparence moderne et une navigation simplifiée dans vos cours Moodle grâce au format de cours HorizontalTabs!** [![Mascotte rouge](https://pimenko.com/content/uploads/2023/12/Mascotte_rouge-584x1024.png)](https://pimenko.com/content/uploads/2023/12/Mascotte_bleue.png) ## Présentation du plugin HorizontalTabs **Horizontal Tabs** est un plugin Moodle développé par Pimenko qui transforme les sections de cours en **onglets horizontaux** situés en haut de la page. Ce format offre une **navigation fluide et moderne** entre les différentes parties du cours, similaire à une interface d’application web. Contrairement à DigidagoTabs qui propose des onglets avec sections pliables, Horizontal Tabs se concentre sur une **présentation horizontale pure** avec un changement de contenu au clic, offrant ainsi une expérience de navigation **rapide et directe**. **Dans quels cas utiliser le format HorizontalTabs?** - Cours avec un **nombre limité de sections principales** (3 à 8 onglets recommandés) - Formations nécessitant une **navigation fréquente** entre différentes parties - Parcours organisés en **étapes claires** et séquentielles - Cours où l’apprenant doit **comparer ou croiser** des informations entre sections - Environnements privilégiant une **interface type application web** - Formations avec des sections de **taille équivalente** ### À propos d'HorizontalTabs - **Onglets horizontaux** affichés de manière permanente en haut du cours; - Navigation **instantanée** entre les sections sans rechargement de page; - **Personnalisation des couleurs** et du style des onglets; - Indication visuelle de l’**onglet actif**; - Compatibilité avec le **suivi d’achèvement** des activités; - Affichage du **nombre d’activités** par onglet (optionnel); - Interface optimisée pour les écrans **desktop et tablette**; - **Compatibilité**avec les **thèmes**Moodle. ## Les fonctionnalités du format de cours Horizontal Tabs ### Onglets horizontaux Les sections du cours sont présentées sous forme d'**onglets horizontaux**, toujours visibles en haut de la page. L'apprenant dispose à tout moment d'une vue d'ensemble de la structure du cours et peut accéder directement à n'importe quelle section d'un seul clic. Fini le défilement interminable : la navigation est claire, directe et intuitive ! ![Format HorizontalTabs, onglet horizontaux](https://pimenko.com/content/uploads/2026/10/vue_horizontaltabs2.png) Format HorizontalTabs, onglet horizontaux ### Navigation instantanée entre les sections Le passage d'un onglet à l'autre est **immédiat**: le contenu se met à jour dynamiquement sans recharger la page entière. Cette fluidité, inspirée des standards des applications web modernes, réduit les temps d'attente et renforce l'engagement des apprenants dans leur parcours de formation. ### Personnalisation des onglets et indication visuelle de l’onglet actif Les administrateurs des plateformes peuvent **adapter l'apparence des onglets** à la charte graphique de leur organisation ou à l'identité visuelle de leur cours. Couleurs de fond, couleur du texte, style de l'onglet actif, style de l'onglet au survol de la souris… HorizontalTabs offre des options de personnalisation pour intégrer harmonieusement le format dans n'importe quel thème Moodle. L'onglet en cours de consultation est **mis en évidence visuellement** (style distinct, couleur différenciée), permettant à l'apprenant de savoir en permanence où il se trouve dans le cours. Ce repère visuel simple mais essentiel améliore significativement l'orientation et réduit les risques de confusion dans la navigation. ![Vue des sections de cours avec le format de cours HorizontalTabs, onglet actif](https://pimenko.com/content/uploads/2026/10/vue_horizontaltabs_onglet_actif.png) Vue des sections de cours avec le format de cours HorizontalTabs, onglet actif ![Vue des sections de cours avec le format de cours HorizontalTabs, onglet au survol](https://pimenko.com/content/uploads/2026/10/vue_horizontaltabs_onglet_survol.png) Vue des sections de cours avec le format de cours HorizontalTabs, onglet au survol ### Compatibilité avec le suivi d’achèvement des activités HorizontalTabs est **pleinement compatible avec le système de suivi d'achèvement de Moodle**. Les indicateurs de progression natifs (activités cochées, conditions d'achèvement) fonctionnent de manière transparente au sein du format. Les enseignants peuvent ainsi conserver leur logique pédagogique de suivi sans compromis, et les apprenants visualisent leur avancement au fil du parcours. ![Affichage des conditions d'achèvement d'une activité avec le format horizontaltabs](https://pimenko.com/content/uploads/2026/10/vue_horizontaltabs_achevment.png) Affichage des conditions d'achèvement d'une activité avec le format horizontaltabs ### Affichage du nombre d’activités par onglet (optionnel) Chaque affiche le nombre d'**activités qu'il contient**. Cette information permet à l'apprenant d'évaluer en un coup d'œil l'effort requis pour chaque section, de mieux planifier son apprentissage et de se projeter dans le déroulement du cours. **Attention**: le nombre d'activités calculé correspond au nombre d'activités pour lesquelles des conditions d'achèvement ont été paramétrées. ![Affichage du nombre d'activités par section dans le format HorizontalTabs](https://pimenko.com/content/uploads/2026/10/vue_horizontaltabs_nombre_activites2.png) Affichage du nombre d'activités par section dans le format HorizontalTabs ### Interface optimisée pour les écrans desktop et tablette HorizontalTabs a été conçu pour offrir une **expérience optimale sur ordinateur de bureau et tablette**, les environnements les plus courants en contexte de formation professionnelle et d'enseignement supérieur. **L'interface s'adapte aux différentes tailles d'écran pour garantir une lisibilité et une ergonomie maximales**. ![Affichage du format HorizontalTabs sur mobile](https://pimenko.com/content/uploads/2026/10/vue_horizontaltabs_mobile.png) Affichage du format HorizontalTabs sur mobile ### Compatibilité avec les thèmes Moodle HorizontalTabs s'intègre **nativement avec les principaux thèmes Moodle**, dont Boost. Il ne nécessite pas de personnalisation technique avancée pour s'insérer dans une plateforme existante ! ## Conclusion Avec **HorizontalTabs**, Pimenko propose une nouvelle façon d'organiser et de parcourir un cours Moodle. Grâce à une navigation par onglets intuitive, une interface personnalisable et une intégration à l'écosystème Moodle, ce format facilite le repérage des apprenants et rend les parcours de formation plus lisibles et agréables à suivre.