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

De JVFlux
Aucun résumé des modifications
(en cours)
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>
<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:170%; 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%; {{#if:{{{Marge|}}}|padding:10px|padding:0px; padding-top:10px}}">[[Fichier:{{{Image}}}|{{{Taille}}}px]]</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: 17px 10px 10px 10px; height: auto; width:40%; font-size:110%"><p>{{PuceDoubleJVC}}[[:Catégorie:{{{Catégorie1}}}|'''{{{Catégorie1}}}''']]</p></div>
</div>
        <div style="padding: 10px; height: auto; font-size:90%"><p>{{{Description1}}}</p></div>
</div></center>
        </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 17 :


== Exemple ==
== Exemple ==
Avec le code
{{ListeCatégorie|SuperCatégorie=Lexique général|Image=sticker_prof_tableau.png|Taille=70|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.|Marge=validax}}
{{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": {
"description": "correspond à un code couleur HTML"
},
"CouleurFond": {
"description": "correspond à un code couleur HTML"
},
"Marge": {
"description": "0 si on veut que l'image touche le bas, 5 si on veut un espace.",
"suggestedvalues": [
"0",
"5"
],
"default": "0"
},
"Image": {
"description": "correspond au nom d'un fichier hébergé sur le wiki (n'oubliez pas le format comme .png ou .jpg)",
"example": "post-ou-cancer.jpg"
},
"TailleImage": {
"description": "correspond à la taille en pixels, bien ajustée elle permet à l'image de toucher le bas du tableau.",
"suggestedvalues": [
"45",
"60"
],
"default": "45"
},
"Catégorie": {
"description": "le nom exact de la catégorie vers laquelle le lien renvoie. Respectez bien les majuscules."
},
"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"
}
</templatedata>
</noinclude>

Version du 27 mars 2024 à 12:24

fleche jvc bas.png  {{{SuperCatégorie}}}
[[Fichier:{{{Image}}}|{{{Taille}}}px]]

puce double jvc.png [[:Catégorie:{{{Catégorie1}}}|{{{Catégorie1}}}]]

{{{Description1}}}


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

Exemple

fleche jvc bas.png  Lexique général
sticker prof tableau.png

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.