Afin de reconnaître le wiki et maintenir une cohésion et une harmonie dans l'apparence, voici les règles et principes à suivre lors de votre visite sur le wiki.
Cette page présentera d'abord l'apparence globale du wiki et ensuite les modifications et techniques mises en place pour la personnalisation.
Apparence par défaut
L'apparence par défaut est conçu à l'aide du Concepteur de thème. Il permet de déterminer pour chaque thème (clair et sombre) :
- Le fond d'écran (qui sont Media:Site-background-light et Media:Site-background-dark) ;
- L'image communautaire (qui est utilisée lors de d'aperçu de liens) ;
- Le logo et la favicon (la favicon est le logo apparaissant dans le menu d'onglets) ;
- La couleur des liens ;
- La couleur de la navigation supérieure ;
- La couleur d'accentuation (couleur des boutons, des infoboxes par défaut, etc.).
Nous avons choisi en premier lieu d'unifier la couleur d'accentuation pour qu'elle soit utilisée dans le plus de cas possible, et qu'elle devienne la couleur principale du wiki. Unifier les couleurs permet la stabilité et aux utilisateurs de reconnaître rapidement le site.
Ajout par fichiers MediaWiki
Le logiciel MediaWiki permet aux administrateurs de modifier et d'ajouter du contenu CSS et JS pour améliorer le wiki. Vous pouvez consulter ici tous les fichiers mais seuls les administrateurs peuvent modifier les fichiers communautaires (car il est possible d'en créer des personnels).
Ajouts divers
Afin de renforcer l'apparence et la présence de la couleur principale du wiki, quelques ajouts ont été effectués sur les fichiers CSS. D'autres ajouts peuvent aussi se faire selon leur utilité.
- Bordure orange en haut
- En haut de l'espace d'article se trouve une petite barre orange
- Couleur pour l'équipe administrative
- Les modérateurs et les administrateurs bénéficient, afin de les reconnaître, d'une couleur différente.
Variables
- Pour en savoir plus, veuillez consulter l'article détaillé : MediaWiki:Variables.css
Sur MediaWiki:Variables.css, des variables ont été créées. Elles permettent d'utiliser la même couleur sur différents feuilles de style. Ceci est particulièrement utile pur uniformiser les infoboxes (mobiles et Desktop) et les navboxes ; et modifier leur couleur ne nécessite qu'une modification au lieu d'une.
Imports de scripts
Infoboxes personnalisées
- Pour en savoir plus, veuillez consulter l'article détaillé : MediaWiki:Infoboxes.css
Toutes les infoboxes (hormis CastInfobox, Infobox Lieu & Infobox personnage) ont des thèmes personnalisés, ce que résume le tableau ci-dessous :
| Modèle:Infobox Âge | age |
C1AD81 |
|
38px | 🟢 | |||
| Modèle:Infobox Animal | creature |
CB0F0F |
|
40px | 🟢 | |||
| Modèle:Infobox Association | association |
7C3FC6 |
|
38px | 🟢 | |||
| Modèle:Infobox Auteur | auteur |
777CD2 |
|
38px | 🟢 | |||
| Modèle:Infobox Bataille | bataille |
E20000 |
|
38px | 🟢 | |||
| Modèle:Infobox Chapitre | chapitre |
3131B1 |
3E3ED3 |
|
25px | 🟡 | ||
| Modèle:Infobox Créature | creature |
CB0F0F |
|
40px | 🟢 | |||
| Modèle:Infobox Film | film |
2CD564 |
|
40px | 🟢 | |||
| Modèle:Infobox Fleuve & Rivière | fleuve |
0072D6 |
|
48px | 🟢 | |||
| Modèle:Infobox Forêt | foret |
228B22 |
|
48px | 🟢 | |||
| Modèle:Infobox Jeu | jeu |
905438 |
|
38px | 🟢 | |||
| Modèle:Infobox Langue | langue |
CC3FA6 |
|
48px | 🟢 | |||
| Modèle:Infobox Lieu | 🟢 | |||||||
| Modèle:Infobox Livre | livre |
3131B1 |
3E3ED3 |
|
25px | 🟢 | ||
| Modèle:Infobox Maison | association |
7C3FC6 |
|
38px | 🟢 | |||
| Modèle:Infobox Mer & Lac | mer |
000080 |
|
48px | 🟢 | |||
| Modèle:Infobox Musique | musique |
F0AA50 |
|
38px | 🟡 | |||
| Modèle:Infobox Objet | objet |
FFD700 |
|
40px | 🟡 | |||
| Modèle:Infobox Race | peuple |
B0A00E |
|
48px | 🟢 | |||
| Modèle:Infobox Relief | montagne |
A0522D |
|
70px | 🟢 | |||
| Modèle:Infobox Route | route |
B1008B |
|
48px | 🟢 | |||
| Modèle:Infobox Rune | 🟠 | |||||||
| Modèle:Infobox Royaume & Région | region |
FF0000 |
|
48px | 🟢 | |||
| Modèle:Infobox Utilisateur | user |
C2B170 |
736326 |
|
33px | 🟡 | ||
| Modèle:Infobox Végétal | plante |
85D700 |
|
38px | 🟢 | |||
| Modèle:Infobox Événement | evenement |
754770 |
|
35px | 🟢 | |||
Infoboxes spéciales
Infobox Cité & Forteresse (inutilisé)
| Cité | ville |
FF6600 |
|
40px | 🟢 | |||
| Forteresse | forteresse |
2F4F4F |
|
40px | 🟢 | |||
| Tour | tour |
DAA520 |
|
40px | 🟢 | |||
Infobox Personnage
| Homme | homme |
A639B7 |
🟢 | |||
| Elfe | elfe |
3CBD3E |
🟢 | |||
| Peredhel | semi-elfe |
00BA79 |
🟢 | |||
| Nain | nain |
FFF200 |
🟢 | |||
| Hobbit |
hobbit |
53DBFC |
🟢 | |||
| Orque | orque |
833E2C |
🟢 | |||
Statuts & Légende
Légende :
- 🔴 : Infobox à refaire et adapter les pages ;
- 🟠 : Infobox refaite mais page à faire (documentation et TemplateData) et adapter le champs ;
- 🟡 : Infobox refaite et adapter les pages ;
- 🟢 : Infobox achevée ;
- ⚫ : État inconnu et à vérifier.
Desktop
- Pour en savoir plus, veuillez consulter l'article détaillé : MediaWiki:Infobox.css
Sur Desktop, ou version PC, le fond du titre de l'infobox ainsi que les bordures prennent la couleur du thème. De plus, une icône issue de FontAwesome se place en haut à droite de l'infobox. Elles sont sous licence CC-BY-SA et vous pouvez consulter celles enregistrées sous forme d'image ici :.
Mobile
- Pour en savoir plus, veuillez consulter l'article détaillé : MediaWiki:InfoboxMobile.css
Sur mobile, seule la couleur apparaît. Ele est utilisée :
- Pour le soulignement du titre, avec une opacité de 50% ;
- Les bordures extérieures ;
- Les bordures intérieures (séparation des sections) ;
Pour l'instant (septembre 2023), seuls les infoboxes desktop ayant leur variable (voir plus haut) sont adaptés sur mobile.
- Articles détaillés : Modèle:Navbox et MediaWiki:Navbox.css
Les navboxes peuvent être personnalisées via CSS en utilisant le modèle Navbox. Il permet notamment de :
- Changer la couleur du titre
- Ajouter un fond coloré au titre et sous-titres
- Ajouter le logo de la catégorie (voir)