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

Modification suivante →

Version du 24 octobre 2026 à 11:04

[[Fichier:Tuile {{{1}}}.webp|link={{{2}}}|class=accueil-tile-img]]

{{{3}}}

{{{4}}}

@@ Ligne 1 : / Ligne 1 : @@
-<div class="accueil-tile{{#if:{{{large|}}}| accueil-tile-large}} accueil-tile-{{{1}}}" data-tuile="{{{1}}}" data-cible="{{{2}}}">[[Fichier:Tuile {{{1}}}.webp|link={{{2}}}|class=accueil-tile-img]]<div class="accueil-tile-content"><div class="accueil-tile-title">{{{3}}}</div><div class="accueil-tile-desc">{{{4}}}</div></div></div><noinclude>
+<div class="accueil-tile{{#if:{{{large|}}}| accueil-tile-large}} accueil-tile-{{{1}}}" data-tuile="{{{1}}}" data-cible="{{{2}}}">
+[[Fichier:Tuile {{{1}}}.webp|link={{{2}}}|class=accueil-tile-img]]
+<div class="accueil-tile-content"><div class="accueil-tile-title">{{{3}}}</div><div class="accueil-tile-desc">{{{4}}}</div></div>
+</div><noinclude>
 <!--
 Utilisation : {{Tuile|clé|cible|titre|description|large=oui}}
-= clé de la tuile : sert pour l'image « Fichier:Tuile <clé>.webp »
+= clé de la tuile : image « Fichier:Tuile <clé>.webp » + classe « accueil-tile-<clé> »
-      ET pour la classe CSS « accueil-tile-<clé> »
 = page cible du lien
 = titre affiché
 = description affichée
-   large = n'importe quoi (ex. « oui ») pour ajouter la classe accueil-tile-large
+   large = n'importe quoi (ex. « oui ») pour la classe accueil-tile-large
-Exemple :
+IMPORTANT : l'image doit rester sur sa propre ligne. Le CSS de MediaWiki:Citizen.css
-{{Tuile|docker|page_Docker|Docker|Plateforme de conteneurs pour déployer et isoler des services.}}
+positionne la tuile via « .accueil-tile > p > span > a > img » — MediaWiki entoure
+l'image d'un <p> grâce aux sauts de ligne, et le CSS en dépend.
-Attributs data-tuile / data-cible : exploitables par le gadget « lien de retour ».
+Ne pas mettre le contenu sur une seule ligne, sous peine de casser la mise en page.
-Documenter dans la sous-page /Documentation si souhaité.
 -->
 </noinclude>