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

VisuelWikicode

Dernière version du 27 mars 2024 à 17:10

{{{SuperCatégorie}}}

[[Fichier:{{{Image1}}}|70px]]

[[:Catégorie:{{{Catégorie1}}}|{{{Catégorie1}}}]]

{{{Description1}}}

[[Fichier:{{{Image2}}}|70px]]

[[:Catégorie:{{{Catégorie2}}}|{{{Catégorie2}}}]]

{{{Description2}}}

[[Fichier:{{{Image3}}}|70px]]

[[:Catégorie:{{{Catégorie3}}}|{{{Catégorie3}}}]]

{{{Description3}}}

Liste de tous les articles manquants | Liste de tous les articles incomplets

Ce modèle est utilisé sur la page JVFlux:Catégories.

Exemple[modifier le wikicode]

Lexique général

Vocabulaire courant

Le vocabulaire et les expressions exclusifs à la kheyosphère, notamment le vocabulaire du Blabla 18-25 ans. Avec les délires, ce lexique constitue le ciment d'une sous-culture propre à la kheyosphère.

Vocabulaire courant

Avec les délires, ce lexique constitue le ciment d'une sous-culture propre à la kheyosphère.

Vocabulaire courant

Le vocabulaire et les expressions exclusifs à la kheyosphère, notamment le vocabulaire du Blabla 18-25 ans. Avec les délires, ce lexique constitue le ciment d'une sous-culture propre à la kheyosphère.

Vocabulaire courant

Le vocabulaire et les expressions exclusifs à la kheyosphère, notamment le vocabulaire du Blabla 18-25 ans. Avec les délires, ce lexique constitue le ciment d'une sous-culture propre à la kheyosphère.

Autres catégories : Site de la kheyosphère

Liste des catégories sur la page JVFlux:Catégories

Paramètres du modèle
Paramètre		Description	Type	État
SuperCatégorie	`SuperCatégorie`	aucune description	Inconnu	facultatif
Image1	`Image1`	aucune description	Inconnu	facultatif
Catégorie1	`Catégorie1`	aucune description	Inconnu	facultatif
Description1	`Description1`	aucune description	Inconnu	facultatif
Image2	`Image2`	aucune description	Inconnu	facultatif
Catégorie2	`Catégorie2`	aucune description	Inconnu	facultatif
Description2	`Description2`	aucune description	Inconnu	facultatif
Image3	`Image3`	aucune description	Inconnu	facultatif
Catégorie3	`Catégorie3`	aucune description	Inconnu	facultatif
Description3	`Description3`	aucune description	Inconnu	facultatif
Catégorie4	`Catégorie4`	aucune description	Inconnu	facultatif
Image4	`Image4`	aucune description	Inconnu	facultatif
Description4	`Description4`	aucune description	Inconnu	facultatif
Catégorie5	`Catégorie5`	aucune description	Inconnu	facultatif
Image5	`Image5`	aucune description	Inconnu	facultatif
Description5	`Description5`	aucune description	Inconnu	facultatif
Catégorie6	`Catégorie6`	aucune description	Inconnu	facultatif
Image6	`Image6`	aucune description	Inconnu	facultatif
Description6	`Description6`	aucune description	Inconnu	facultatif
Catégorie7	`Catégorie7`	aucune description	Inconnu	facultatif
Image7	`Image7`	aucune description	Inconnu	facultatif
Description7	`Description7`	aucune description	Inconnu	facultatif
Catégorie8	`Catégorie8`	aucune description	Inconnu	facultatif
Image8	`Image8`	aucune description	Inconnu	facultatif
Description8	`Description8`	aucune description	Inconnu	facultatif
AutreCatégorie1	`AutreCatégorie1`	aucune description	Inconnu	facultatif
AutreCatégorie2	`AutreCatégorie2`	aucune description	Inconnu	facultatif
AutreCatégorie3	`AutreCatégorie3`	aucune description	Inconnu	facultatif
AutreCatégorie4	`AutreCatégorie4`	aucune description	Inconnu	facultatif

@@ Ligne 1 : / Ligne 1 : @@
-<center><div style="margin-top: 1em; border: 1px solid; border-top: 8px solid; border-color: #{{{CouleurBordure}}}; border-radius: 5px; max-width:1000px;">
+   <div style="margin-top:1em>
-		<div style="border-radius: 0px 0px 5px 5px; background-image: linear-gradient(to bottom, #{{{CouleurFond}}}, #FFFFFF); display: flex; border: 0px">
+        <div style="background: radial-gradient(circle, #006a88 30%, #11b6e2 100%); border-radius: 5px 5px 0px 0px; padding: 10px; font-size:150%; color:white; height: 20px; display: flex; align-items: center; justify-content: center;">[[Fichier:fleche jvc bas.png|23px]]  '''{{{SuperCatégorie}}}'''
-         <div style="padding: 5px 5px {{{Marge}}}px 5px; text-align: right;  border-radius: 0px 0px 0px 5px; width:30%">[[Fichier:{{{Image}}}|{{{TailleImage}}}px|alt=|link=]]</div>
+</div>
-         <div style="padding: 5px 5px {{{Marge}}}px 5px; display:block-inline; text-align:center; width: 40%">
+        <div style="display:flex; border: 1px solid #9FC4D3; border-top:0px solid; background-color: #f8fafc; padding: 0px; height: auto">
-         <span style="font-size:20px; line-height: 0px"><span style="font-size:11px; color:#{{{CouleurBordure}}}; line-height: 0px">C A T É G O R I E</span><br><strong>[[:Catégorie:{{{Catégorie}}}|{{{Texte}}}]]</strong></span></div>
+        <div class="remove_from_mobile" style="border: 0px; align-self: flex-end; width:8%; padding:5px">[[Fichier:{{{Image1}}}|70px]]</div>
-         <div style="{{#if:{{{Miroir}}} | {{{Miroir}}} transform: scale(-1, 1); text-align: right|text-align: left }}; padding: 5px 5px {{{Marge}}}px 5px; border-radius: 0px 0px 5px 0px; width:30%;">[[Fichier:{{{Image}}}|{{{TailleImage}}}px|alt=|link=]]</div>
+        <div style="padding:0px; height: auto;">
-		</div>
+        <div style="font-size:110%; padding: 0px 8px 0px 8px; margin-left:5px"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie1}}}|'''{{{Catégorie1}}}''']]</p></div>
-</div></center>
+        <div style="padding: 0px 8px 0px 8px; height: auto; font-size:90%"><p>{{{Description1}}}</p></div></div>
+        </div>
+        </div>
+        <div style="display:flex; border: 1px solid #9FC4D3; border-top:0px solid; background-color: #f8fafc; padding: 0px; height: auto">
+        <div class="remove_from_mobile" style="border: 0px; align-self: flex-end; width:8%; padding:5px">[[Fichier:{{{Image2}}}|70px]]</div>
+        <div style="padding:0px; height: auto;">
+        <div style="font-size:110%; padding: 0px 8px 0px 8px; margin-left:5px"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie2}}}|'''{{{Catégorie2}}}''']]</p></div>
+        <div style="padding: 0px 8px 0px 8px; height: auto; font-size:90%"><p>{{{Description2}}}</p></div></div>
+        </div>
+        <div style="display:flex; border: 1px solid #9FC4D3; border-top:0px solid; background-color: #f8fafc; padding: 0px; height: auto">
+         <div class="remove_from_mobile" style="border: 0px; align-self: flex-end; width:8%; padding:5px">[[Fichier:{{{Image3}}}|70px]]</div>
+        <div style="padding:0px; height: auto;">
+        <div style="font-size:110%; padding: 0px 8px 0px 8px; margin-left:5px"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie3}}}|'''{{{Catégorie3}}}''']]</p></div>
+        <div style="padding: 0px 8px 0px 8px; height: auto; font-size:90%"><p>{{{Description3}}}</p></div></div>
+        </div>
+        {{#if:{{{Catégorie4|}}}|<div style="display:flex; border: 1px solid #9FC4D3; border-top:0px solid; background-color: #f8fafc; padding: 0px; height: auto">
+        <div class="remove_from_mobile" style="border: 0px; align-self: flex-end; width:8%; padding:5px">[[Fichier:{{{Image4}}}|70px]]</div>
+        <div style="padding:0px; height: auto;">
+        <div style="font-size:110%; padding: 0px 8px 0px 8px; margin-left:5px"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie4}}}|'''{{{Catégorie4}}}''']]</p></div>
+        <div style="padding: 0px 8px 0px 8px; height: auto; font-size:90%"><p>{{{Description4}}}</p></div></div>
+        </div>|}}{{#if:{{{Catégorie5|}}}|<div style="display:flex; border: 1px solid #9FC4D3; border-top:0px solid; background-color: #f8fafc; padding: 0px; height: auto">
+        <div class="remove_from_mobile" style="border: 0px; align-self: flex-end; width:8%; padding:5px">[[Fichier:{{{Image5}}}|70px]]</div>
+         <div style="padding:0px; height: auto;">
+        <div style="font-size:110%; padding: 0px 8px 0px 8px; margin-left:5px"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie5}}}|'''{{{Catégorie5}}}''']]</p></div>
+        <div style="padding: 0px 8px 0px 8px; height: auto; font-size:90%"><p>{{{Description5}}}</p></div></div>
+        </div>|}}{{#if:{{{Catégorie6|}}}|<div style="display:flex; border: 1px solid #9FC4D3; border-top:0px solid; background-color: #f8fafc; padding: 0px; height: auto">
+        <div class="remove_from_mobile" style="border: 0px; align-self: flex-end; width:8%; padding:5px">[[Fichier:{{{Image6}}}|70px]]</div>
+        <div style="padding:0px; height: auto;">
+         <div style="font-size:110%; padding: 0px 8px 0px 8px; margin-left:5px"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie6}}}|'''{{{Catégorie6}}}''']]</p></div>
+        <div style="padding: 0px 8px 0px 8px; height: auto; font-size:90%"><p>{{{Description6}}}</p></div></div>
+        </div>|}}{{#if:{{{Catégorie7|}}}|<div style="display:flex; border: 1px solid #9FC4D3; border-top:0px solid; background-color: #f8fafc; padding: 0px; height: auto">
+        <div class="remove_from_mobile" style="border: 0px; align-self: flex-end; width:8%; padding:5px">[[Fichier:{{{Image7}}}|70px]]</div>
+        <div style="padding:0px; height: auto;">
+        <div style="font-size:110%; padding: 0px 8px 0px 8px; margin-left:5px"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie7}}}|'''{{{Catégorie7}}}''']]</p></div>
+        <div style="padding: 0px 8px 0px 8px; height: auto; font-size:90%"><p>{{{Description7}}}</p></div></div>
+         </div>|}}{{#if:{{{Catégorie8|}}}|<div style="display:flex; border: 1px solid #9FC4D3; border-top:0px solid; background-color: #f8fafc; padding: 0px; height: auto">
+        <div class="remove_from_mobile" style="border: 0px; align-self: flex-end; width:8%; padding:5px">[[Fichier:{{{Image8}}}|70px]]</div>
+        <div style="padding:0px; height: auto;">
+        <div style="font-size:110%; padding: 0px 8px 0px 8px; margin-left:5px"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie8}}}|'''{{{Catégorie8}}}''']]</p></div>
+        <div style="padding: 0px 8px 0px 8px; height: auto; font-size:90%"><p>{{{Description8}}}</p></div></div>
+        </div>|}}
+        <div style="border: 1px solid #9FC4D3; background-color: #f8fafc; box-shadow: 0px 8px #d9edf6; border-top: 0px; border-radius: 0px 0px 5px 5px; padding: 0px; height: auto">
+        <div style="border: 0px; padding: 6px; padding-left:10px; font-size:90%">[[Fichier:flèche-jvc-2.png|15px]] {{#if:{{{AutreCatégorie1|}}}|Autres catégories : [[:Catégorie:{{{AutreCatégorie1}}}|{{{AutreCatégorie1}}}]]|[[:Catégorie:Article manquant|Liste de tous les articles manquants]] <strong>'''<nowiki>|</nowiki>'''</strong> [[:Catégorie:Article incomplet|Liste de tous les articles incomplets]]}}{{#if:{{{AutreCatégorie2|}}}| <strong>'''<nowiki>|</nowiki>'''</strong> [[:Catégorie:{{{AutreCatégorie2}}}|{{{AutreCatégorie2}}}]]|}}{{#if:{{{AutreCatégorie3|}}}| <strong>'''<nowiki>|</nowiki>'''</strong> [[:Catégorie:{{{AutreCatégorie3}}}|{{{AutreCatégorie3}}}]]|}}{{#if:{{{AutreCatégorie4|}}}| <strong>'''<nowiki>|</nowiki>'''</strong> [[:Catégorie:{{{AutreCatégorie4}}}|{{{AutreCatégorie4}}}]]|}}
+        </div>
+        </div>
 <noinclude>
@@ Ligne 12 : / Ligne 56 : @@
 == Exemple ==
-Avec le code
+{{ListeCatégorie|SuperCatégorie=Lexique général|Image3=sticker_prof_tableau.png|Image1=sticker_prof_tableau.png|Image2=sticker_prof_tableau.png|Image4=sticker_prof_tableau.png|Catégorie1=Vocabulaire courant|Description1=Le vocabulaire et les expressions exclusifs à la kheyosphère, notamment le vocabulaire du Blabla 18-25 ans. Avec les délires, ce lexique constitue le ciment d'une sous-culture propre à la kheyosphère.|Catégorie2=Vocabulaire courant|Description2=Avec les délires, ce lexique constitue le ciment d'une sous-culture propre à la kheyosphère.|Catégorie3=Vocabulaire courant|Description3=Le vocabulaire et les expressions exclusifs à la kheyosphère, notamment le vocabulaire du Blabla 18-25 ans. Avec les délires, ce lexique constitue le ciment d'une sous-culture propre à la kheyosphère.|Catégorie4=Vocabulaire courant|Description4=Le vocabulaire et les expressions exclusifs à la kheyosphère, notamment le vocabulaire du Blabla 18-25 ans. Avec les délires, ce lexique constitue le ciment d'une sous-culture propre à la kheyosphère.|Marge=validax|AutreCatégorie1=Site de la kheyosphère}}
-{{BoxPavé|Pavé=<nowiki>
-{{ListeCatégorie
-|CouleurBordure=18769E
-|CouleurFond=FFB092
-|Image=meluche.png
-|TailleImage=60
-|Marge=0
-|Catégorie=Fonctionnement de jeuxvideo.com
-|Texte=Fonctionnement de Jeuxvideo.com}}</nowiki>}}
-Le résultat est :
-{{ListeCatégorie
-|CouleurBordure=18769E
-|CouleurFond=FFB092
-|Image=meluche.png
-|TailleImage=60
-|Miroir=;
-|Marge=0
-|Catégorie=Fonctionnement de jeuxvideo.com
-|Texte=Fonctionnement de Jeuxvideo.com
-}}
-== Précisions ==
-* CouleurBordure : correspond à un code couleur HTML<br>
-* CouleurFond : idem<br>
-* Image : correspond au nom d'un fichier hébergé sur le wiki (n'oubliez pas le format comme .png ou .jpg)<br>
-* TailleImage : correspond à la taille en pixels, bien ajustée elle permet à l'image de toucher le bas du tableau.<br>
-* Miroir : en face du égal mettre un ; pour que la seconde image soit en miroir. Sinon ne rien mettre.
-* Marge : 0 si on veut que l'image touche le bas, 5 si on veut un espace. <br>
-* Catégorie : le nom exact de la catégorie vers laquelle le lien renvoie. Respectez bien les majuscules.<br>
-* Texte : le texte affiché.
-[[Catégorie:Modèles]]
 <noinclude>
 <templatedata>
 {
 	"params": {
-		"CouleurBordure": {
+		"SuperCatégorie": {},
-			"description": "correspond à un code couleur HTML"
+		"Image1": {},
-		},
+		"Catégorie1": {},
-		"CouleurFond": {
+		"Description1": {},
-			"description": "correspond à un code couleur HTML"
+		"Image2": {},
-		},
+		"Catégorie2": {},
-		"Marge": {
+		"Description2": {},
-			"description": "0 si on veut que l'image touche le bas, 5 si on veut un espace.",
+		"Image3": {},
-			"suggestedvalues": [
+		"Catégorie3": {},
-				"0",
+		"Description3": {},
-				"5"
+		"Catégorie4": {},
-			],
+		"Image4": {},
-			"default": "0"
+		"Description4": {},
-		},
+		"Catégorie5": {},
-		"Image": {
+		"Image5": {},
-			"description": "correspond au nom d'un fichier hébergé sur le wiki (n'oubliez pas le format comme .png ou .jpg)",
+		"Description5": {},
-			"example": "post-ou-cancer.jpg"
+		"Catégorie6": {},
-		},
+		"Image6": {},
-		"TailleImage": {
+		"Description6": {},
-			"description": "correspond à la taille en pixels, bien ajustée elle permet à l'image de toucher le bas du tableau.",
+		"Catégorie7": {},
-			"suggestedvalues": [
+		"Image7": {},
-				"45",
+		"Description7": {},
-				"60"
+		"Catégorie8": {},
-			],
+		"Image8": {},
-			"default": "45"
+		"Description8": {},
-		},
+		"AutreCatégorie1": {},
-		"Catégorie": {
+		"AutreCatégorie2": {},
-			"description": "le nom exact de la catégorie vers laquelle le lien renvoie. Respectez bien les majuscules."
+		"AutreCatégorie3": {},
-		},
+		"AutreCatégorie4": {}
-		"Texte": {
-			"description": "Le texte affiché."
-		},
-		"Miroir": {
-			"description": "Écrire un point virgule pour que la seconde image soit en miroir. Sinon ne rien mettre.",
-			"suggestedvalues": [
-				";"
-			],
-			"default": ";"
-		}
 	},
-	"description": "Encarts visuels utilisés sur la page JVFlux:Catégories"
+	"description": "Liste des catégories sur la page JVFlux:Catégories"
 }
 </templatedata>
 </noinclude>