« Modèle:Header » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente

VisuelWikicode

Dernière version du 1 novembre 2025 à 20:35

Ce modèle n'a pas encore de documentation.

Vous pouvez créer la documentation pour expliquer son utilisation.

Instructions :

Le système pré-remplira automatiquement la structure
Décrivez chaque paramètre du modèle
Ajoutez des exemples concrets
Sauvegardez quand vous avez terminé

@@ Ligne 1 : / Ligne 1 : @@
-<includeonly>
+<includeonly><templatestyles src="Header/styles.css" /><div class="header-card{{#if:{{{class|}}}| {{{class}}}}}">
-<!-- Charge les styles -->
+{{#if:{{{image|}}}|
-<templatestyles src="Header/styles.css" />
+   <div class="header-card__image">
+     [[File:{{{image}}}|link={{{link|}}}]]
-<!--
+     {{#if:{{{badge|}}}|<span class="header-card__badge">{{{badge}}}</span>}}
-  Classes options (paramètre "class"):
-  - home-header--bleed : déborde jusqu'aux bords de la colonne (Vector 2022)
--->
-<div class="home-header{{#if:{{{link|}}}| home-header--has-link}}{{#if:{{{class|}}}| {{{class}}}}}">
-  <!-- Ancre overlay 100% pour rendre tout le header cliquable
-       (uniquement si un lien est fourni) -->
-  {{#if:{{{link|}}}|
-    [[{{{link}}}|<span class="home-header__overlay" aria-hidden="true"></span>]]
-  }}
-   <div class="home-header__content">
-     {{#if:{{{badge|}}}|<span class="home-header__badge">{{{badge}}}</span>}}
-    {{#if:{{{title|}}}|<span class="home-header__title">{{{title}}}</span>}}
-     {{#if:{{{subtitle|}}}|<span class="home-header__subtitle">{{{subtitle}}}</span>}}
-    {{#if:{{{text|{{{1|}}}}}}|<span class="home-header__text">{{{text|{{{1}}}}}}</span>}}
-    <!-- Lien visible (accessibilité/clavier), doublé de l’overlay -->
-    {{#if:{{{link|}}}|
-      <span class="home-header__link-wrapper">
-        [[{{{link}}}|<span class="home-header__link">En savoir plus →</span>]]
-      </span>
-    }}
    </div>
-</div>
+}}
-</includeonly><noinclude>
+  <div class="header-card__content">
-Cette infobox bandeau s'affiche en pleine largeur.
+    {{#if:{{{title|}}}|<h3 class="header-card__title">{{#if:{{{link|}}}|[[{{{link}}}|{{{title}}}]]|{{{title}}}}}</h3>}}
-Paramètres:
+    {{#if:{{{subtitle|}}}|<p class="header-card__subtitle">{{{subtitle}}}</p>}}
-* badge =
+    {{#if:{{{text|{{{1|}}}}}}|<div class="header-card__text">{{{text|{{{1}}}}}}</div>}}
-* title =
+  </div>
-* subtitle =
+</div></includeonly><noinclude>
-* text = (ou 1=)
+{{documentation}}
-* link = Page cible du clic
-* class = classes additionnelles (ex: home-header--bleed)
 </noinclude>