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

Le modèle boîte colorée alternative est conçu pour les pages portail et projet. Il s'inspire de la page d'accueil de Wikipédia.
Il est proposé sur le Projet Charte graphique et utilisé sur le portail Afrique. Il peut aussi être utilisé sur des pages utilisateurs.

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

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 alternative | titre = | contenu = | lien = | couleur-fond = | couleur-bordure = | couleur-barre-du-titre = | couleur-titre = }} autre syntaxe réduite = {{Boîte colorée alternative | titre = | contenu = | lien = | couleur-fond = | couleur-bordure = | couleur-barre-du-titre = | couleur-titre = }} syntaxe complète = {{Boîte colorée alternative | titre = | contenu = | lien = | icone = | couleur-fond = | couleur-bordure = | couleur-ombre = | couleur-barre-du-titre = | couleur-titre = | arrondi-boite = | arrondi-bordure = | taille-bordure = | marge-interieure = | flex = }}

Cliquez sur modifier. L'éditeur visuel s'ouvre. Insérer Modèle Renseignez le modèle Boîte colorée alternative 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 alternative dans le champ de recherche. Renseignez les champs concernés. Enregistrez. La plupart des modèles sont documentés directement dans l’éditeur visuel.

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 Wikipédia.

Paramètres du modèle

Ce modèle possède une mise en forme personnalisée.

Paramètre		Description	Type	État
Titre	titre	Titre de la boîte. Exemple Sélection	Chaîne	obligatoire
Contenu	contenu	Contenu de la boîte. Exemple {{Portail:Afrique/Présentation}}	Contenu	obligatoire
Lien	lien	Titre de la page Wikipédia pour en éditer le contenu (derrière le bouton modifier) Exemple Portail:Afrique/Présentation	Nom de page	suggéré
Icône	icone	Icône s'affichant avant le titre Exemple Circle-icons-bar-chart.svg	Fichier	suggéré
Couleur du fond	couleur-fond	Code couleur hexadécimal de la couleur du fond Par défaut #FFFFFF Exemple #DD3333	Chaîne	suggéré
Couleur de la bordure	couleur-bordure	Code couleur hexadécimal de la couleur de la bordure Par défaut #FFFFFF Exemple #DD3333	Chaîne	suggéré
Couleur de l'ombre	couleur-ombre	Code couleur hexadécimal de la couleur de l'ombre Par défaut #999 Exemple #DD3333	Chaîne	facultatif
Couleur de la barre sous le titre	couleur-barre-du-titre	Code couleur hexadécimal de la couleur de la barre sous le titre Par défaut #FFFFFF Exemple #DD3333	Chaîne	suggéré
Couleur du titre	couleur-titre	Code couleur hexadécimal du texte du titre. Par défaut #FFFFFF Exemple #DD3333	Chaîne	suggéré
arrondi de la boite	arrondi-boite	nombre de pixel d'arrondi de la boite Par défaut 4px Exemple 4px	Inconnu	facultatif
arrondi de la bordure	arrondi-bordure	nombre de pixel d'arrondi de la bordure Par défaut 4px Exemple 4px	Inconnu	facultatif
épaisseur de la bordure	taille-bordure	nombre de pixel d'épaisseur de la bordure Par défaut 2px Exemple 1px	Inconnu	facultatif
marge à l'intérieur (padding)	marge-interieure	taille de la marge a appliquer dans le cadre (padding) Par défaut 20px Exemple 20px	Inconnu	facultatif
Style CSS	flex	Style CSS supplémentaire pour le conteneur. Exemple flex: 1 1 20em;	Chaîne	facultatif

Exemples

• {{Boîte colorée alternative |titre=Exemple n°1 (aspect par défaut) |contenu=Lorem ipsum |lien=lien modifier |couleur-fond= |couleur-bordure= |couleur-ombre= |couleur-barre-du-titre= }}

Exemple n°1 (aspect par défaut)

Lorem ipsum

• {{Boîte colorée alternative |titre=Exemple n°2 |contenu=Lorem ipsum |lien=lien modifier |couleur-fond=#fef6e7 |couleur-bordure=#fef6e7 |couleur-ombre= |couleur-barre-du-titre=#fc3 }}

Exemple n°2

Lorem ipsum

• {{Boîte colorée alternative |titre=Exemple n°3 |contenu=Lorem ipsum |lien=lien modifier |couleur-fond=#fee7e6 |couleur-bordure=#fee7e6 |couleur-ombre= |couleur-barre-du-titre=#d33 }}

Exemple n°3

Lorem ipsum

• {{Boîte colorée alternative |titre=Exemple n°4 |contenu=Lorem ipsum |lien=lien modifier |couleur-fond=#eaf3ff |couleur-bordure=#eaf3ff |couleur-ombre= |couleur-barre-du-titre=#36c }}

Exemple n°4

Lorem ipsum

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