Personnaliser les titres d’une page Dokuwiki

Dans un précédent article, je vous avais expliqué tout le bien que je pensais de Dokuwiki…
L’autre jour, le trouvant un peu tristounet au niveau de la présentation, je cherchais à modifier la couleurs des différents niveaux de titres que l’on peut appliquer dans une page. Après des recherches infructueuses sur le net, je décidais de tenter ma chance sur l’IRC de Dokuwiki (irc.freenode.net / #dokuwiki).

Voici les étapes à suivre :

1) Créer dans le répertoire conf de Dokuwiki un fichier nommé userstyle.css.
2) Définir dans ce fichier les styles pour chaque niveau de titre, par exemple :
div.dokuwiki h1 a {color: #1f1f52 !important;}
div.dokuwiki h2 a {font-weight: bold; color: #1c1cf4 !important;}
div.dokuwiki h3 a {color: #5b5bf6 !important;}

Remarque 1 : la présence de l’élément !important est impérative pour pouvoir changer la couleur.
Remarque 2 : évidemment il n’y a pas que les titres qu’il est possible de modifier. Par exemple on peut aussi modifier l’apparence des portions de code :
div.dokuwiki pre.code {
border: none;
border-left: 2px solid #F99451;
background-color: #e8e4e4;
color: #000053;
font-family: monospace;
font-size: 120%;
}
Remarque 3 : pour repérer les styles, aller sur la page et utiliser l’excellente extension de Firefox : firebug.