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

Dernière version du 4 avril 2023 à 15:15

Ce modèle permet de créer des colonnes, pour entre autres organiser une longue suite de listes (voir : Armures de Halo 4).

Ajoutez des traits verticaux (Alt Gr + 6) pour ajouter des colonnes. Vous pouvez afficher jusqu'à 10 colonnes. Le paramètre optionnel Espacement permet de changer l'écart entre les colonnes (20 pixels par défaut).

Code[modifier le wikicode]

Tableau simple
{{Colonnes \|Objet 1 Objet 2 Objet 3 \|Objet 4 Objet 5 Objet 6 \|Objet 7 Objet 8 *Objet 9 }}	Objet 1 Objet 2 Objet 3 Objet 4 Objet 5 Objet 6 Objet 7 Objet 8 Objet 9
Tableau avec espacement modifiable
{{Colonnes \|Espacement=5 \|Objet 1 Objet 2 Objet 3 Objet 4 \|Objet 5 Objet 6 Objet 7 \|Objet 8 Objet 8 Objet 10 }}	Objet 1 Objet 2 Objet 3 Objet 4 Objet 5 Objet 6 Objet 7 Objet 8 Objet 9 Objet 10

@@ Ligne 1 : / Ligne 1 : @@
 <includeonly><!-- Début modèle -->
-<table><tr style="vertical-align:top;"><td style="padding:0px 20px;">
+<div style="display:flex; flex-wrap:wrap;">
-{{{1|}}}</td><!-- Code tableau + ligne (1), style et première colonne -->
+<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{2|}}}|<td style="padding:0px 20px;">
+{{{1|}}}</div><!-- Code tableau + ligne (1), style et première colonne -->
-{{{2|}}}</td>}}<!-- Nombre max : 10 colonnes, retours à la ligne pour afficher correctement les listes -->
+{{#if: {{{2|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{3|}}}|<td style="padding:0px 20px;">
+{{{2|}}}</div>}}<!-- Nombre max : 10 colonnes, retours à la ligne pour afficher correctement les listes
-{{{3|}}}</td>}}
+-->{{#if: {{{3|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{4|}}}|<td style="padding:0px 20px;">
+{{{3|}}}</div>}}<!--
-{{{4|}}}</td>}}
+-->{{#if: {{{4|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{5|}}}|<td style="padding:0px 20px;">
+{{{4|}}}</div>}}<!--
-{{{5|}}}</td>}}
+-->{{#if: {{{5|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{6|}}}|<td style="padding:0px 20px;">
+{{{5|}}}</div>}}<!--
-{{{6|}}}</td>}}
+-->{{#if: {{{6|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{7|}}}|<td style="padding:0px 20px;">
+{{{6|}}}</div>}}<!--
-{{{7|}}}</td>}}
+-->{{#if: {{{7|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{8|}}}|<td style="padding:0px 20px;">
+{{{7|}}}</div>}}<!--
-{{{8|}}}</td>}}
+-->{{#if: {{{8|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{9|}}}|<td style="padding:0px 20px;">
+{{{8|}}}</div>}}<!--
-{{{9|}}}</td>}}
+-->{{#if: {{{9|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-{{#if: {{{10|}}}|<td style="padding:0px 20px;">
+{{{9|}}}</div>}}<!--
-{{{10|}}}</td>}}
+-->{{#if: {{{10|}}}|<div style="padding-right:{{{Espacement|20}}}px;">
-</tr></table><!-- Fin code tableau + ligne -->
+{{{10|}}}</div>}}</div>
-</includeonly>
+<!-- Fin code tableau + ligne -->[[Catégorie:Articles utilisant des colonnes]]</includeonly><noinclude>
-<noinclude>
 Ce modèle permet de créer des colonnes, pour entre autres organiser une longue suite de listes (voir : [[Armures de Halo 4]]).
-Ajoutez des traits verticaux (''Alt Gr'' + ''6'') pour ajouter des colonnes. Vous pouvez afficher jusqu'à 10 colonnes.
+Ajoutez des traits verticaux (''Alt Gr'' + ''6'') pour ajouter des colonnes. Vous pouvez afficher jusqu'à 10 colonnes. Le paramètre optionnel ''Espacement'' permet de changer l'écart entre les colonnes (20 pixels par défaut).
-<nowiki>{{Colonnes</nowiki><br><nowiki>
+==Code==
-|</nowiki><br><nowiki>
+{| class="wikitable" width=100%
-|</nowiki><br><nowiki>
+|-
-|</nowiki><br><nowiki>
+! colspan=2 | Tableau simple
+|-
+| width=50% style="padding-left:50px" |<nowiki>{{Colonnes</nowiki><br><nowiki>
+|*Objet 1</nowiki><br><nowiki>
+*Objet 2</nowiki><br><nowiki>
+*Objet 3</nowiki><br><nowiki>
+|*Objet 4</nowiki><br><nowiki>
+*Objet 5</nowiki><br><nowiki>
+*Objet 6</nowiki><br><nowiki>
+|*Objet 7</nowiki><br><nowiki>
+*Objet 8</nowiki><br><nowiki>
+*Objet 9</nowiki><br><nowiki>
 }}</nowiki>
+||
+{{colonnes
-==Bugs==
+|*Objet 1
-*Les liens externes empêchent d'afficher la colonne où ils se trouvent.
+*Objet 2
+*Objet 3
+|*Objet 4
+*Objet 5
+*Objet 6
+|*Objet 7
+*Objet 8
+*Objet 9}}
+|-
+! colspan=2 | Tableau avec espacement modifiable
+|-
+| width=50% style="padding-left:50px" |<nowiki>{{Colonnes</nowiki><br><nowiki>
+|Espacement=5</nowiki><br><nowiki>
+|*Objet 1</nowiki><br><nowiki>
+*Objet 2</nowiki><br><nowiki>
+*Objet 3</nowiki><br><nowiki>
+*Objet 4</nowiki><br><nowiki>
+|*Objet 5</nowiki><br><nowiki>
+*Objet 6</nowiki><br><nowiki>
+*Objet 7</nowiki><br><nowiki>
+|*Objet 8</nowiki><br><nowiki>
+*Objet 8</nowiki><br><nowiki>
+*Objet 10</nowiki><br><nowiki>
+}}</nowiki>
+||
+{{colonnes
+|Espacement=5
+|*Objet 1
+*Objet 2
+*Objet 3
+*Objet 4
+|*Objet 5
+*Objet 6
+*Objet 7
+|*Objet 8
+*Objet 9
+*Objet 10
+}}
+|}
 [[Catégorie:Modèle de forme]]
 </noinclude>