WikilyWIKILY
All games9 Wikis · pick your game
9
Menu

Documentation

Wiki CSS et Sidebar CSS

Updated 2026-07-23

Les règles posées directement sur un élément sont parfaites pour un cas isolé. Dès que beaucoup d’éléments doivent partager le même style, une feuille centrale le définit une fois pour toutes.

Deux feuilles de style, deux rôles

Wiki CSSTout le wiki, chaque page et chaque bloc. En haut de l’éditeur, onglet Page, ou via Manage.
Sidebar CSSSeulement la barre latérale : lignes de navigation, titres, pastille active. Son propre bouton dans l’onglet Sidebar.

Les deux s’écrivent comme du CSS classique, avec sélecteurs et accolades, par exemple .gold-frame { border: 2px solid gold; }. Le seul endroit avec des règles complètes.

Classes partagées : définir une fois, réutiliser partout

Le lien est le champ CSS class, tout en bas de chaque panneau Custom CSS. Donnez un nom de classe à un élément, définissez-la au niveau central, et tous les éléments qui la portent changent ensemble.

Le champ CSS class ne propose que des classes qui existent vraiment dans votre CSS central. Cliquez sur l'une d'elles pour l'appliquer ou la retirer, ou passez directement dans l'éditeur de la feuille de style.
  1. Ouvrez la section Custom CSS d’un élément et cliquez dans le champ CSS class.
  2. Le menu montre toutes les classes de la feuille de style correspondante.
  3. Un clic applique, un second retire. Vous pouvez en combiner plusieurs.
  4. Pas encore de classe ? Le bouton « Edit wiki CSS » ouvre directement l’éditeur.

Ces suggestions ne sont jamais inventées. Les blocs de page montrent les classes du Wiki CSS, la barre latérale celles du Sidebar CSS. Un menu vide signifie : pas encore de classes.

L’éditeur de code

Les deux feuilles s’ouvrent dans le même grand éditeur : numéros de ligne, coloration syntaxique, autocomplétion, et une vérification en direct qui souligne les erreurs à leur ligne.

FormatRemet toute la feuille au propre.
Réparation autoDeux-points en trop, point-virgule oublié, accolade jamais refermée : réglés à l’enregistrement.
Insert ruleDes sélecteurs prêts à l’emploi : titres de cartes, pastilles de boutons, les autres parties nommées.
Aperçu en directVotre CSS s’applique sur la vraie page avant même d’enregistrer.
Des règles pour un blocStyliser un élément
La vue d’ensembleCSS personnalisé
Construire la barre latéraleNavigation et page d’accueil