Hiob : Page créée avec « == Description == Le modèle {{Modèle|Grille}} génère un conteneur flexible (basé sur CSS Flexbox) permettant d'aligner facilement divers éléments (comme les bannières du {{Modèle|Joueur}}, des images, des badges, etc.) sans avoir à écrire de code HTML complexe. Il gère automatiquement les retours à la ligne générés par MediaWiki (les balises
) pour que la mise en page ne soit jamais cassée lors de la rédaction.... »

2026-03-12T11:25:27Z

Page créée avec « == Description == Le modèle {{Modèle|Grille}} génère un conteneur flexible (basé sur CSS Flexbox) permettant d'aligner facilement divers éléments (comme les bannières du {{Modèle|Joueur}}, des images, des badges, etc.) sans avoir à écrire de code HTML complexe. Il gère automatiquement les retours à la ligne générés par MediaWiki (les balises <code><nowiki><p></nowiki></code>) pour que la mise en page ne soit jamais cassée lors de la rédaction.... »

Nouvelle page

== Description ==
Le modèle {{Modèle|Grille}} génère un conteneur flexible (basé sur CSS Flexbox) permettant d'aligner facilement divers éléments (comme les bannières du {{Modèle|Joueur}}, des images, des badges, etc.) sans avoir à écrire de code HTML complexe.

Il gère automatiquement les retours à la ligne générés par MediaWiki (les balises <code><nowiki><p></nowiki></code>) pour que la mise en page ne soit jamais cassée lors de la rédaction.

== Syntaxe ==
<syntaxhighlight lang="wikitext">
{{Grille
| gap =
| align =
| justify =
| 1 = 
}}
</syntaxhighlight>

== Paramètres ==
{| class="wikitable"
! Paramètre
! Description
! Valeur par défaut
! Exemples de valeurs
|-
| <code>1</code> (sans nom)
| '''Obligatoire.''' Le contenu à afficher à l'intérieur de la grille (appels de modèles, images, texte...).
| ''Aucune''
| <code><nowiki>{{Joueur|...}} {{Joueur|...}}</nowiki></code>
|-
| <code>gap</code>
| L'espacement vertical et horizontal entre les différents éléments de la grille.
| <code>10px</code>
| <code>5px</code>, <code>1em</code>, <code>20px</code>
|-
| <code>align</code>
| L'alignement vertical des éléments sur une même ligne (correspond à la propriété CSS <code>align-items</code>).
| <code>stretch</code>
| <code>center</code>, <code>flex-start</code>, <code>flex-end</code>
|-
| <code>justify</code>
| L'alignement horizontal global de la grille (correspond à la propriété CSS <code>justify-content</code>).
| <code>flex-start</code>
| <code>center</code>, <code>space-between</code>, <code>space-around</code>
|}

== Exemples d'utilisation ==

=== 1. Utilisation par défaut (Équipe de joueurs) ===
Idéal pour afficher une liste de membres de l'équipe. L'espacement par défaut de 10px s'applique.
<syntaxhighlight lang="wikitext">
{{Grille|
{{Joueur|The_FaFa_|grade=Officier}}
{{Joueur|Survetman|grade=Intendant}}
{{Joueur|Ayd|grade=Scribe}}
}}
</syntaxhighlight>

=== 2. Grille centrée avec un espacement personnalisé ===
Parfait pour afficher une série de petits badges, d'items ou de ressources Minecraft au centre d'une page.
<syntaxhighlight lang="wikitext">
{{Grille|gap=5px|justify=center|align=center|
[[Fichier:Epee_diamant.png|32px|link=]]
[[Fichier:Pioche_fer.png|32px|link=]]
[[Fichier:Pomme_or.png|32px|link=]]
}}
</syntaxhighlight>

=== 3. Grille très espacée pour des éléments larges ===
<syntaxhighlight lang="wikitext">
{{Grille|gap=20px|
{{CarteVille|nom=Capitale}}
{{CarteVille|nom=Port}}
}}
</syntaxhighlight>

== Détails techniques ==
* Ce modèle utilise l'extension '''TemplateStyles''' pour charger son propre CSS via la sous-page <code>[[Modèle:Grille/styles.css]]</code>.
* Le CSS intègre la propriété <code>display: contents;</code> sur les balises de paragraphe et les retours à la ligne pour annuler les comportements non désirés du parseur MediaWiki lors des sauts de ligne dans le wikitext.

<noinclude>
[[Catégorie:Documentation de modèle]]
</noinclude>

Modèle:Grille/doc - Historique des versions