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

4 609 octets ajoutés ,  27 mars 2024
aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
 
(5 versions intermédiaires par le même utilisateur non affichées)
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">{{#if:{{{Qualité|}}}|★ C A T É G O R I E ★|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>
<noinclude>


Ligne 12 : Ligne 56 :


== Exemple ==
== 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>
<noinclude>
<templatedata>
<templatedata>
{
{
"params": {
"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": ";"
},
"Qualité": {
"description": "Pour les catégories ayant été rigoureusement vérifiées et ordonnées. Écrire \"oui\" dans le champs. Sinon décocher la case.",
"suggestedvalues": [
"oui"
]
}
},
},
"description": "Encarts visuels utilisés sur la page JVFlux:Catégories"
"description": "Liste des catégories sur la page JVFlux:Catégories"
}
}
</templatedata>
</templatedata>
</noinclude>
</noinclude>
13 204

modifications