Aller au contenu

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

6 313 octets ajoutés ,  27 mars 2024
aucun résumé des modifications
Aucun résumé des modifications
Aucun résumé des modifications
 
(9 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="transform: scale(-1, 1); padding: 5px 5px {{{Marge}}}px 5px; text-align: right; 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": {},
|Marge=0
"Image4": {},
|Catégorie=Fonctionnement de jeuxvideo.com
"Description4": {},
|Texte=Fonctionnement de Jeuxvideo.com}}
"Catégorie5": {},
 
"Image5": {},
== Précisions ==
"Description5": {},
* CouleurBordure : correspond à un code couleur HTML<br>
"Catégorie6": {},
* CouleurFond : idem<br>
"Image6": {},
* Image : correspond au nom d'un fichier hébergé sur le wiki (n'oubliez pas le format comme .png ou .jpg)<br>
"Description6": {},
* TailleImage : correspond à la taille en pixels, bien ajustée elle permet à l'image de toucher le bas du tableau.<br>
"Catégorie7": {},
* Marge : 0 si on veut que l'image touche le bas, 5 si on veut un espace. <br>
"Image7": {},
* Catégorie : le nom exact de la catégorie vers laquelle le lien renvoie. Respectez bien les majuscules.<br>
"Description7": {},
* Texte : le texte affiché.
"Catégorie8": {},
"Image8": {},
"Description8": {},
"AutreCatégorie1": {},
"AutreCatégorie2": {},
"AutreCatégorie3": {},
"AutreCatégorie4": {}
},
"description": "Liste des catégories sur la page JVFlux:Catégories"
}
</templatedata>
</noinclude>
14 601

modifications