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

De JVFlux
(miroir)
Aucun résumé des modifications
 
(8 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">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}}
{{BoxSélection|<nowiki>
<noinclude>
{{ListeCatégorie
<templatedata>
|CouleurBordure=18769E
{
|CouleurFond=FFB092
"params": {
|Image=meluche.png
"SuperCatégorie": {},
|TailleImage=60
"Image1": {},
|Marge=0
"Catégorie1": {},
|Catégorie=Fonctionnement de jeuxvideo.com
"Description1": {},
|Texte=Fonctionnement de Jeuxvideo.com}}</nowiki>}}
"Image2": {},
Le résultat est :
"Catégorie2": {},
{{ListeCatégorie
"Description2": {},
|CouleurBordure=18769E
"Image3": {},
|CouleurFond=FFB092
"Catégorie3": {},
|Image=meluche.png
"Description3": {},
|TailleImage=60
"Catégorie4": {},
|Miroir=;
"Image4": {},
|Marge=0
"Description4": {},
|Catégorie=Fonctionnement de jeuxvideo.com
"Catégorie5": {},
|Texte=Fonctionnement de Jeuxvideo.com
"Image5": {},
}}
"Description5": {},
 
"Catégorie6": {},
 
"Image6": {},
== Précisions ==
"Description6": {},
* CouleurBordure : correspond à un code couleur HTML<br>
"Catégorie7": {},
* CouleurFond : idem<br>
"Image7": {},
* Image : correspond au nom d'un fichier hébergé sur le wiki (n'oubliez pas le format comme .png ou .jpg)<br>
"Description7": {},
* TailleImage : correspond à la taille en pixels, bien ajustée elle permet à l'image de toucher le bas du tableau.<br>
"Catégorie8": {},
* Miroir : en face du égal mettre un ; pour que la seconde image soit en miroir. Sinon ne rien mettre.
"Image8": {},
* Marge : 0 si on veut que l'image touche le bas, 5 si on veut un espace. <br>
"Description8": {},
* Catégorie : le nom exact de la catégorie vers laquelle le lien renvoie. Respectez bien les majuscules.<br>
"AutreCatégorie1": {},
* Texte : le texte affiché.
"AutreCatégorie2": {},
"AutreCatégorie3": {},
"AutreCatégorie4": {}
},
"description": "Liste des catégories sur la page JVFlux:Catégories"
}
</templatedata>
</noinclude>

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

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

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

{{{Description1}}}

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

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

{{{Description2}}}

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

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

{{{Description3}}}


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

Exemple[modifier le wikicode]

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.

sticker prof tableau.png

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

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.

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.

flèche-jvc-2.png Autres catégories : Site de la kheyosphère


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

Paramètres du modèle

ParamètreDescriptionTypeÉtat
SuperCatégorieSuperCatégorie

aucune description

Inconnufacultatif
Image1Image1

aucune description

Inconnufacultatif
Catégorie1Catégorie1

aucune description

Inconnufacultatif
Description1Description1

aucune description

Inconnufacultatif
Image2Image2

aucune description

Inconnufacultatif
Catégorie2Catégorie2

aucune description

Inconnufacultatif
Description2Description2

aucune description

Inconnufacultatif
Image3Image3

aucune description

Inconnufacultatif
Catégorie3Catégorie3

aucune description

Inconnufacultatif
Description3Description3

aucune description

Inconnufacultatif
Catégorie4Catégorie4

aucune description

Inconnufacultatif
Image4Image4

aucune description

Inconnufacultatif
Description4Description4

aucune description

Inconnufacultatif
Catégorie5Catégorie5

aucune description

Inconnufacultatif
Image5Image5

aucune description

Inconnufacultatif
Description5Description5

aucune description

Inconnufacultatif
Catégorie6Catégorie6

aucune description

Inconnufacultatif
Image6Image6

aucune description

Inconnufacultatif
Description6Description6

aucune description

Inconnufacultatif
Catégorie7Catégorie7

aucune description

Inconnufacultatif
Image7Image7

aucune description

Inconnufacultatif
Description7Description7

aucune description

Inconnufacultatif
Catégorie8Catégorie8

aucune description

Inconnufacultatif
Image8Image8

aucune description

Inconnufacultatif
Description8Description8

aucune description

Inconnufacultatif
AutreCatégorie1AutreCatégorie1

aucune description

Inconnufacultatif
AutreCatégorie2AutreCatégorie2

aucune description

Inconnufacultatif
AutreCatégorie3AutreCatégorie3

aucune description

Inconnufacultatif
AutreCatégorie4AutreCatégorie4

aucune description

Inconnufacultatif