Modèle:Boîte colorée/Documentation

Ceci est la page de documentation de Modèle:Boîte colorée [modifier] [purger].

Cette sous-page contient les instructions et les catégories de son modèle d'origine et elle n'est pas destinée à être visualisée directement.

Le modèle boîte colorée est conçu pour les pages portail et projet. Il s'inspire de la page d'accueil de Wikidata.
Il est actuellement utilisé sur le Projet Charte graphique ou sur le portail économie Portail Économie. Il peut aussi être utilisé sur des pages utilisateurs (par exemple Utilisateur:PAC2).

Couleur du titre et OOUI icons #000000 (noir)

a à associer avec la Couleur de fond du titre la gamme 90 de la Charte graphique officielle

Couleur du titre Par défaut et OOUI icons #FFFFFF (blanc)

a à associer avec la Couleur de fond du contenu la gamme 10-30 de la Charte graphique officielle

Utilisation et paramètres

Description du rôle de ce modèle à compléter. Insérer le code Templatedata dans cette section

Pour que la boite continue jusqu'en bas il faut utiliser l'argument « | flex = 1 1 auto »

Avec le wikicode

Avec l’éditeur visuel

Cliquez sur « Modifier le code » et insérez la syntaxe suivante Syntaxe réduite {{Boîte colorée | titre = | titre-couleur = | titre-couleur-fond = | icone = | contenu = | contenu-couleur-fond = | lien = | lien-couleur = }} Syntaxe complète {{Boîte colorée | titre = | titre-couleur = | titre-couleur-fond = | icone = | contenu = | contenu-couleur-fond = | style = | lien = | lien-couleur = }}

Cliquez sur modifier. L'éditeur visuel s'ouvre. Insérer Modèle Renseignez le modèle Boîte colorée dans le champ de recherche. Renseignez les champs concernés. Enregistrez. Autre solution, quand vous modifiez une page ou discutez avec Discussions structurées : Tapez {{ Renseignez le modèle Boîte colorée dans le champ de recherche. Renseignez les champs concernés. Enregistrez. La plupart des modèles sont documentés directement dans l’éditeur visuel. Aide générale de l’éditeur visuel à propos des modèles.

<templatedata> { "params": { "titre": { "label": "Titre", "description": "Titre de la boîte.", "example": "Sélection", "type": "string", "required": true }, "contenu": { "label": "Contenu", "description": "Contenu de la boîte.",

"example": "

Modèle:Portail:Sciences humaines/Lumière sur...",

"type": "content", "required": true }, "lien": { "label": "Lien", "description": "Titre de la page Wikipédia pour éditer le contenu.", "example": "Portail:Économie/Actualités", "type": "wiki-page-name", "suggested": true }, "icone": { "label": "Icône", "description": "Nom d'un fichier d'icône.", "example": "Circle-icons-chat.svg", "type": "wiki-file-name" }, "titre-couleur": { "label": "Couleur du titre", "description": "Code couleur hexadécimal du texte du titre.", "example": "#339966", "type": "string", "default": "#FFFFFF" }, "style": { "label": "Style", "description": "Style CSS supplémentaire pour le conteneur.", "example": "flex: 1 1 20em;", "type": "string" }, "lien-couleur": { "label": "Couleur du lien", "description": "Code couleur hexadécimal du lien « Modifier ».", "example": "#339966", "type": "string", "default": "#999999" }, "titre-couleur-fond": { "label": "Couleur de fond du titre", "description": "Code couleur hexadécimal du fond de la barre de titre.", "example": "#447FF5", "type": "string", "default": "#339966", "suggested": true }, "contenu-couleur-fond": { "label": "Couleur de fond du contenu", "description": "Code couleur hexadécimal du fond du contenu de la boîte.", "example": "#339966", "type": "string", "default": "#F8F9FA" }, "titre-lien": { "description": "Titre par défaut : modifier, peut être changé", "default": "modifier" }, "couleurfond": {}, "titre-couleur-fond-hover": { "label": "Couleur de fond de titre au survol", "description": "Lors du survol avec la souris, modifie la couleur de fond du titre.", "default": "{{{titre-couleur-fond}}}" }, "couleurtitre": {}, "flex": { "label": "Flex", "description": "Intégration dans la grille de la colonne/ligne dynamique. Le premier chiffre indique la proportion à laquelle la boîte peut s'étendre, le second à laquelle elle peut se réduire, le troisième la largeur en px/em minimale de la boîte", "example": "1 1 25em", "type": "string", "default": "0 1 auto" },

       "centrer": {
           "label": "Centrer le titre",
           "description": "Si renseigné permet de centrer le titre."
       }

}, "description": "Le modèle boîte colorée est conçu pour les pages portail et projet. Il s'inspire de la page d'accueil de Wikidata.", "paramOrder": [ "titre", "contenu", "lien", "titre-couleur-fond", "icone", "titre-couleur", "style", "lien-couleur", "contenu-couleur-fond", "titre-lien", "couleurfond", "titre-couleur-fond-hover", "couleurtitre", "flex",

       "centrer"

], "format": "block" } </templatedata>

Exemple

• {{Boîte colorée | titre = Sélection | icone = Circle-icons-star.svg | lien = Portail:Économie/Sélection | titre-couleur-fond = #D33F00 | contenu = Contenu | lien-couleur = #bfdfff }}

Sélection

modifier

Contenu

Voir aussi

• {{Boîte colorée}}
• {{Boîte colorée alternative}}
• {{Boîte colorée alternative wikidata}}
• {{Boîte alternative}}
• {{Barre colorée}}
• {{Accueil/Cadre}}