Célestin : 1 version importée

2023-11-05T19:00:06Z

1 version importée

← Version précédente		Version du 5 novembre 2023 à 19:00
(Aucune différence)

Célestin : Page créée avec « {{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.
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). {{Encart|accessibilite|'''Couleur du titre''' et :com... »

2023-11-05T18:58:09Z

Page créée avec « {{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 Charte graphique ou sur le portail économie Portail Économie. Il peut aussi être utilisé sur des pages utilisateurs (par exemple Utilisateur:PAC2). {{Encart|accessibilite|'''Couleur du titre''' et :com... »

← Version précédente		Version du 5 novembre 2023 à 18:58
(Aucune différence)

wikipedia>Escargot bleu : mauvais exemples

2023-05-27T07:24:52Z

mauvais exemples

Nouvelle page

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

Modèle:Boîte colorée/Documentation - Historique des versions

Célestin : 1 version importée

wikipedia>Escargot bleu : mauvais exemples

Célestin : 1 version importée

wikipedia>Escargot bleu : mauvais exemples