Modèle:Boîte colorée

Une page de Wikipédia, l'encyclopédie libre.
{{{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[modifier le code]

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 VisualEditor - Icon - Expand.svg
  3. 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.

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

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

ParamètreDescriptionTypeStatut
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
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.

Exemple
flex: 1 1 20em;
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
Exemple
1 1 25em
Chaînefacultatif
Centrer le titrecentrer

Si renseigné permet de centrer le titre.

Inconnufacultatif

Exemple[modifier le code]

  • {{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

Contenu

Voir aussi[modifier le code]