Modèle:Boîte colorée

Révision datée du 5 novembre 2023 à 18:01 par Célestin (discussion | contributions) (Page créée avec « <div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{premier non vide|{{{contenu-couleur-fond|}}}|{{{couleur-fond|}}}|#f8f9fa}}; flex: {{non vide|{{{flex|}}}|0 1 auto}}; {{{style|}}};"> <!-- Image et titre --> <div style="background: {{premier non vide|{{{titre-couleur-fond|}}}|{{{couleurfond|}}}|{{{couleur-fond|}}}|#eaecf0}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em;{{#if: {{{centrer|}}... »)
{{{titre}}}

{{{contenu}}}

 Documentation[voir] [modifier] [historique] [purger]

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 = 
}}
  1. Cliquez sur modifier. L'éditeur visuel s'ouvre.
  2. Insérer Fichier:VisualEditor - Icon - Expand.svg
  3. Fichier:VisualEditor - Icon - Template.svg Modèle
  4. Renseignez le modèle Boîte colorée dans le champ de recherche.
  5. Renseignez les champs concernés.
  6. Enregistrez.

Autre solution, quand vous modifiez une page ou discutez avec Discussions structurées :

  1. Tapez {{
  2. Renseignez le modèle Boîte colorée dans le champ de recherche.
  3. Renseignez les champs concernés.
  4. Enregistrez.

Fichier:VisualEditor - Icon - Help.svg 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.

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.

Paramètres du modèle[Modifier les données du modèle]

La mise en forme multiligne est préférée pour ce modèle.

ParamètreDescriptionTypeÉtat
Titretitre

Titre de la boîte.

Exemple
Sélection
Chaîneobligatoire
Contenucontenu

Contenu de la boîte.

Exemple
{{clr}}{{Portail:Sciences humaines/Lumière sur...}}
Contenuobligatoire
Lienlien

Titre de la page Wikipédia pour éditer le contenu.

Exemple
Portail:Économie/Actualités
Nom de pagesuggéré
Couleur de fond du titretitre-couleur-fond

Code couleur hexadécimal du fond de la barre de titre.

Par défaut
#339966
Exemple
#447FF5
Chaînesuggéré
Icôneicone

Nom d'un fichier d'icône.

Exemple
Circle-icons-chat.svg
Fichierfacultatif
Couleur du titretitre-couleur

Code couleur hexadécimal du texte du titre.

Par défaut
#FFFFFF
Exemple
#339966
Chaînefacultatif
Stylestyle

Style CSS supplémentaire pour le conteneur.

Chaînefacultatif
Couleur du lienlien-couleur

Code couleur hexadécimal du lien « Modifier ».

Par défaut
#999999
Exemple
#339966
Chaînefacultatif
Couleur de fond du contenucontenu-couleur-fond

Code couleur hexadécimal du fond du contenu de la boîte.

Par défaut
#F8F9FA
Exemple
#339966
Chaînefacultatif
titre-lientitre-lien

Titre par défaut : modifier, peut être changé

Par défaut
modifier
Inconnufacultatif
couleurfondcouleurfond

aucune description

Inconnufacultatif
Couleur de fond de titre au survoltitre-couleur-fond-hover

Lors du survol avec la souris, modifie la couleur de fond du titre.

Par défaut
{{{titre-couleur-fond}}}
Inconnufacultatif
couleurtitrecouleurtitre

aucune description

Inconnufacultatif
Flexflex

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

Par défaut
0 1 auto
Chaînefacultatif
Centrer le titrecentrer

Si renseigné permet de centrer le titre.

Inconnufacultatif

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 }}

Voir aussi

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (créer) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.