Comment modifier les couleurs dans Sarka Spip ?

dimanche 30 septembre 2007
par Jean-Michel FREDERIC
popularité : 6%

Recommandations concernant le remplacement de couleurs et des polices dans SarkaSpip 2

(pour sarka-spip 3, voir tout en bas de ce doc)

 0) Liens incontournables

Quels sites visiter avant de lire ce qui suit ?

 1) Emplacement du fichier

Ou trouver les fichiers permettant de modifier les couleurs ?

  • Dans le répertoire : plugins/sarkaspip_xx/styles
  • Nom du fichier : styles.css (c’est le fichier principal)
  • Voir aussi, suivant besoin, les fichiers : styles-menus-xxx

 2) Editeurs recommandés

Quels éditeurs utiliser pour ne pas saccager (Troll Inside) le fichier styles.css ?

  • Pour ce qui me concerne, je m’en tiens à
    • Notepad ++ (logiciel libre et gratuit, en français, infos sur www.framasoft.net)
    • Context (logiciel gratuit, en français)

 3) Connaissances minimum

Il est préférable d’avoir un minumum de connaissances en CSS

  • Pour l’essentiel, du coté des balises "background" (couleur d’un fond) ; "color" (couleur d’une police) ; "border" (les bordures)
  • Comprendre les notations hexadécimales et RVB des couleurs est vraiment un plus

 4) Imprimer le fichier "styles.css"

Pourquoi faut il imprimer le fichier "styles.css" ? 

  • Le fichier est de grande taille, et quoiqu’il soit parfaitement documenté, une modification sans discernement entraînerait à coup l’apparition de zones illisibles dans votre site.
  • Lorsque le fichier est imprimé, prenez le temps d’en comprendre la philosophie et la structure (plusieurs heures peuvent être nécessaires).

 5) Tester les couleurs

Pourquoi tester les couleurs à part ?

  • Pour ne pas perdre de temps, il est préférable de tester les couleurs avant de les modifier dans le fichier styles.css
  • Pour ma part, je les teste en direct dans KompoZer (mais pas en utilisant le fichier styles.css)
    • Je teste les associations de couleurs de police et les fonds dans un tableau
    • Lorsque j’ai trouvé des associations qui me conviennent, je relève les codes des couleurs concernées et les reporte sur le document imprimé.
    • Enfin, je modifie le fichier style.css avec notepad ++

 7) Pb de visualisation sur le site

Que faire si l’on ne réussit pas à visualiser les modifications depuis le site ?

  • Vous venez de publier votre fichier "styles.css" en remplaçant l’ancien fichier
  • Vous ne visualisez pas les modifications que vous avez apportées, voici quelques pistes pour actualiser réellement votre page
    • Rechargez votre page en retapant l’adresse du site
    • Videz votre cache internet (en local)
    • Videz le cache dans SPIP
    • Actualisez votre page

 8) Ce qu’il ne faut pas faire

Que faut il impérativement éviter de faire ?

  • Travailler sans sauvegardes
    • Ne modifiez jamais le fichier styles.css sans l’avoir sauvegardé au préalable.
  • Éditer le fichier CSS avec un éditeur qui rectifie le code
  • Modifier les couleurs par un "rechercher / remplacer" brutal
  • Modifier les types de police proposées par des polices exotiques

 9) Concernant Sarka-Spip 3.

Si vous avez modifié les styles et que vous voulez retrouver les couleurs de la configuration originale :

  • Téléchargez ce fichier : sarkaspip_styles_init.txt
  • Décompressez le puis placez le fichier dans votre répertoire : /tmp/cfg/sarkaspip_styles
  • Dans "Configurer SarkaSpip / Maintenance", restaurez le fichier.
  • Si ça a fonctionné et que vous aviez galéré, passez moi le bonjour, ça me fera plaisir !