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

{{Sous-page de documentation}}

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. <br>
Il est actuellement utilisé sur le Projet [[Projet:Charte graphique|Charte graphique]] ou sur le portail économie [[Portail:Économie|Portail Économie]]. Il peut aussi être utilisé sur des pages utilisateurs (par exemple [[Utilisateur:PAC2]]).

{{Encart|accessibilite|'''Couleur du titre''' et [[:commons:OOUI icons|OOUI icons]] #000000 (noir)}} a à associer avec la '''Couleur de fond du titre''' la gamme 90 de la [[Projet:Charte graphique#Palette officielle de la Charte graphique Wikimedia|Charte graphique officielle]] <br>
{{Encart|accessibilite|'''Couleur du titre''' Par défaut et [[:commons:OOUI icons|OOUI icons]] #FFFFFF (blanc)}} a à associer avec la '''Couleur de fond du contenu''' la gamme 10-30 de la [[Projet:Charte graphique#Palette officielle de la Charte graphique Wikimedia|Charte graphique officielle]] 

== Utilisation et paramètres ==
Description du rôle de ce modèle à compléter. Insérer le code [[Aide:TemplateData|Templatedata]] dans cette section

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

{| class="wikitable" style="width:100%;"
|-
! style="width:50%;" | Avec le wikicode
! style="width:50%;" | Avec l’éditeur visuel
|-
| 
Cliquez sur « Modifier le code » et insérez la syntaxe suivante

'''Syntaxe réduite'''
<pre>{{Boîte colorée
 | titre = 
 | titre-couleur = 
 | titre-couleur-fond = 
 | icone = 
 | contenu = 
 | contenu-couleur-fond = 
 | lien = 
 | lien-couleur = 
}}</pre>

'''Syntaxe complète'''
<pre>{{Boîte colorée
 | titre = 
 | titre-couleur = 
 | titre-couleur-fond = 
 | icone = 
 | contenu = 
 | contenu-couleur-fond = 
 | style = 
 | lien = 
 | lien-couleur = 
}}</pre>

| {{Insérer un modèle|Boîte colorée}}
|}
<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": "{{clr}}{{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.",
			"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",
			"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 ==
* <code><nowiki>{{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
}}</nowiki></code>

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

== Voir aussi ==
* {{m|Boîte colorée}}
* {{m|Boîte colorée alternative}}
* {{m|Boîte colorée alternative wikidata}}
* {{m|Boîte alternative}}
* {{m|Barre colorée}}
* {{m|Accueil/Cadre}}

<includeonly>
[[Catégorie:Modèle cadre| ]]
</includeonly>