Modèle:Boîte colorée alternative

{{{titre}}}

{{{contenu}}}

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

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ètresModifier

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

Paramètres du modèle

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

ParamètreDescriptionTypeStatut
Titretitre

Titre de la boîte.

Exemple
Sélection
Chaîneobligatoire
Contenucontenu

Contenu de la boîte.

Exemple
{{Portail:Afrique/Présentation}}
Contenuobligatoire
Lienlien

Titre de la page Wikipédia pour en éditer le contenu (derrière le bouton modifier)

Exemple
Portail:Afrique/Présentation
Nom de la pagesuggéré
Icôneicone

Icône s'affichant avant le titre

Exemple
Circle-icons-bar-chart.svg
Fichiersuggéré
Couleur du fondcouleur-fond

Code couleur hexadécimal de la couleur du fond

Par défaut
#FFFFFF
Exemple
#DD3333
Chaînesuggéré
Couleur de la bordurecouleur-bordure

Code couleur hexadécimal de la couleur de la bordure

Par défaut
#FFFFFF
Exemple
#DD3333
Chaînesuggéré
Couleur de l'ombrecouleur-ombre

Code couleur hexadécimal de la couleur de l'ombre

Par défaut
#999
Exemple
#DD3333
Chaînefacultatif
Couleur de la barre sous le titrecouleur-barre-du-titre

Code couleur hexadécimal de la couleur de la barre sous le titre

Par défaut
#FFFFFF
Exemple
#DD3333
Chaînesuggéré
Couleur du titrecouleur-titre

Code couleur hexadécimal du texte du titre.

Par défaut
#FFFFFF
Exemple
#DD3333
Chaînesuggéré
arrondi de la boitearrondi-boite

nombre de pixel d'arrondi de la boite

Par défaut
4px
Exemple
4px
Inconnufacultatif
arrondi de la bordurearrondi-bordure

nombre de pixel d'arrondi de la bordure

Par défaut
4px
Exemple
4px
Inconnufacultatif
épaisseur de la borduretaille-bordure

nombre de pixel d'épaisseur de la bordure

Par défaut
2px
Exemple
1px
Inconnufacultatif
marge à l'intérieur (padding)marge-interieure

taille de la marge a appliquer dans le cadre (padding)

Par défaut
20px
Exemple
20px
Inconnufacultatif
Style CSSflex

Style CSS supplémentaire pour le conteneur.

Exemple
flex: 1 1 20em;
Chaînefacultatif

ExemplesModifier

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