Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« Aide:Charte graphique » : différence entre les versions

De Nefald
Hiob (discussion | contributions)
Hiob (discussion | contributions)
 
(2 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
{{DISPLAYTITLE:Charte graphique}}
{{DISPLAYTITLE:Charte graphique}}
__TOC__
__TOC__
Cette page documente les conventions visuelles du wiki Nefald.
Cette page documente les conventions visuelles du wiki.
Elle est la référence pour tout contributeur créant des modèles ou des tableaux.
Elle est la référence pour tout contributeur créant des modèles ou des tableaux.


Ligne 63 : Ligne 63 :
=== Classes de cellules ===
=== Classes de cellules ===


Ces classes s'appliquent directement sur les cellules <code><td></code> et
Ces classes s'appliquent directement sur les cellules <code><td></code> et utilisent les variables ci-dessus.
consomment les variables ci-dessus.


{| class="wikitable" style="width:100%"
{| class="wikitable" style="width:100%"
Ligne 92 : Ligne 91 :
=== Modèle {{Couleur}} ===
=== Modèle {{Couleur}} ===


Le modèle [[Modèle:Couleur|{{Couleur}}]] est la méthode recommandée pour
Le modèle [[Modèle:Couleur]] est la méthode recommandée pour
utiliser la palette sémantique en wikicode. Il gère automatiquement le
utiliser la palette sémantique en wikicode. Il gère automatiquement le
contexte (cellule ou badge inline).
contexte (cellule ou badge inline).


<syntaxhighlight lang="mediawiki">
'''Aliases acceptés''' : <code>vert</code>, <code>rouge</code>, <code>jaune</code>,
| {{Couleur|success|En ligne}}      <!-- cellule colorée -->
{{Couleur|warning|Dégradé}}          <!-- badge inline dans du texte -->
</syntaxhighlight>
 
Aliases acceptés : <code>vert</code>, <code>rouge</code>, <code>jaune</code>,
<code>bleu</code>, <code>gris</code>, <code>neutre</code>.
<code>bleu</code>, <code>gris</code>, <code>neutre</code>.


Ligne 164 : Ligne 158 :
== Bonnes pratiques ==
== Bonnes pratiques ==


* Utiliser [[Modèle:Couleur|{{Couleur}}]] pour tout coloriage sémantique dans les tableaux.
* Utiliser [[Modèle:Couleur]] pour tout coloriage sémantique dans les tableaux.
* Utiliser les variables <code>--nefald-*</code> ou <code>--color-*</code> (Citizen) dans les styles inline, jamais de valeurs hex fixes.
* Utiliser les variables <code>--nefald-*</code> ou <code>--color-*</code> (Citizen) dans les styles inline, jamais de valeurs hex fixes.
* Tester chaque modèle en mode clair ''et'' sombre avant publication.
* Tester chaque modèle en mode clair ''et'' sombre avant publication.
* Pour les blocs d'avertissement ou d'information, préférer les [[Modèle:Note|modèles dédiés]].
* Pour les blocs d'avertissement ou d'information, préférer les [[Modèle:Note|modèles dédiés]].


== Modèles utilisant la charte graphique ==
<div class="contributions-dpl">
{{#dpl:
|category=Modèle conforme à la charte graphique
|namespace=Template
|nottitlematch=%/doc%
|mode=unordered
|ordermethod=title
|order=ascending
|columns=2
}}
</div>
== Voir aussi ==
== Voir aussi ==


Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.