Colorier des squelettes par défaut (DIST) avec les CSS - commentaires

Colorier des squelettes par défaut (DIST) avec les CSS

Bonjour

J'ai eu le même problème : pas de changement visible après modification des couleurs.
Après recherches sans succès (nom de fichier, chemin, etc...) j'ai opté pour une solution radicale : supprimer les PREMIERES définitions et ne laisser que mes définitions « perso ».

Et là ça marche...

Pas tout à fait satisfaisant quand même, car si la surcharge n'est pas très académique, ça demeure une méthode valable en principe (au moins pour tester).
En pratique, pas même besoin de supprimer la première définition : suffit de la mettre en commentaire :

remplacer :

/* Des couleurs specifiques selon les types de menus

.rubriques background : #EAFFEA ;

.rubriques .menu-titre background : #F2FFF2 ;

etc, etc...

.divers .menu-titre background : #FCFCF0 ;

par

/* Des couleurs specifiques selon les types de menus

.rubriques background : #EAFFEA ;

.rubriques .menu-titre background : #F2FFF2 ;

etc, ...

.divers .menu-titre background : #FCFCF0 ;

Colorier des squelettes par défaut (DIST) avec les CSS

Il y a parfois des bizarreries en informatique. Des trucs qu'on est persuadé d'avoir fait alors que...
Bon, je vais essayer de proposer une check-liste des choses à vérifier :
- vérifier le code copié-coller. Est-ce que le code correspond bien à un des code de couleur que je propose ? les premiers codes proposés corresondent aux couleurs par défaut, donc leur insertion ne changera rien.
Pour etre bien sur je propose qu'on parte tous sur la base de

bodybackground :#F88 ;
body , a , .forum-chapo .forum-titre a color : #008 ;
a.on color : #33D ;
.cartouche .titre color : #22D ;
.texte , .forum-texte color : #008 ;
.rubriques , .breves , .forums , .syndic , .divers , .forum-texte background : #FFA ;
.forum .forum-chapo , .page_plan #contenu h2 , .rubriques .menu-titre , .breves .menu-titre , .forums .menu-titre , .syndic .menu-titre , .divers .menu-titre background : #FF8 ;

- Ensuite vérifier (3 fois) que le fichier porte bien le bon nom, sans faute de frappe et qu'il est bien dans squelettes (avec un S) qui lui même se trouve à la racine de spip sur le serveur.

- Ensuite faire recalculer la page et la rafraîchir (on sait jamais).

- Ensuite si ça marche toujours pas, alors c'est que le problème vient d'ailleurs. Il peut avoir plusieurs sources : Le squelette utilisé n'est pas celui par défaut (DIST), un plugin rajoute une feuille de style aprés, la version de SPIP n'est pas 1.9.2., ou encore autre chose.

Si ça marche toujours pas, alors il faut revenir poser des questions mais en précisant tous les paramètres possibles : version de spip, squelette utilisé, plugins installés, voir navigateur et encore mieux : adresse du site pour qu'on aille voir le probleme.

Colorier des squelettes par défaut (DIST) avec les CSS

Bonjour,
Tout d'abord félicitations pour le mal que vous vous donnez pour tenter d'expliquer à d'autres ce que vous semblez maîtriser.
Hélas votre article manque peut-être de quelques précisions à destination des grands débutants dont je suis...
Car j'ai beau faire ce que je crois comprendre, c'est à dire copier/coller les morceaux de code que vous donnez à la fin de mon fichier « habillage.css » il ne se passe strictement aucun changement au niveau des couleurs !... Je demande que la page soit recalculée, je vide le cache, mais rien.
Sans-doute n'ai-je pas fait quelque chose qui vous semble évident, mais franchement, SPIP cela me semblait une bonne idée, mais c'est un peu décourageant...

Préalable méthodologique.

Bonjour,

Effectivement la méthode de modification de la CSS est discutable, non seulement elle risque de ne pas supporter le passage de version, mais en plus ajouter des blocs de code en fin de fichier css (en sur-sur-sur-définissant certaines entrées) n'est pas très propre.

Mon objectif était avant tout de documenter la DIST en offrant la liste des propriétés à modifier pour la colorier. J'ai voulu la rendre plus vivante en offrant une méthode de test la plus rapide possible (pas de squelette à modifier, pas de fichier à créer), mais peut être devrais-je insister sur son manque de pérénité. Je ne pense pas qu'il faille ajouter une méthode de modification de la DIST dans l'article, car ce n'est pas son objet. Mais si il existe un article présentant les règles de bonnes pratiques pour modifier la DIST, je rajouterai avec plaisir un lien. Pour l'instant je ne me sens pas de l'écrire par manque de recul.

En tous cas merci de toutes ces précisions, même en commentaires elles aideront certainement le lecteur à améliorer sa compréhension.

ps : j'attends encore un peu pour voir si d'autres commentaires enrichiront le débat, puis j'essaierai d'améliorer l'article à ce sujet.

Colorier des squelettes par défaut (DIST) avec les CSS

Sur le plan pédagogique, cet article est très réussi.

Mais sur le plan pratique, la prochaine version de SPIP (1.9.3) rendra cet article en bonne patie caduque. C'est dommage.

Je m'explique.

Tout le mécanisme repose sur une la copie intégrale du fichier habillage.css dans le répertoire /squelettes/ et l'ajout à la fin du fichier de nouvelles règles de styles venant surcharger les directives précédentes. Et ça fonctionne très bien en version 1.9.2 de SPIP.

Toutefois, si on fait une mise à jour en 1.9.3 (svn), ce sera la catastrophe. Et je ne l'ai même pas testé pour l'appréhender : la nouvelle structure des squelettes par défaut du répertoire /div/ a changé et les règles de styles d' habillage.css en conséquence.

Je suggère donc d'ajouter une étape supplémentaire dans cet article qui consiste en ceci :

copier dans /squelettes/ le fichier inc-head.html

insérer après :

[(#REM) Feuille de style CSS pour l'affichage du site a l'ecran ]
[]

la ligne suivante :

[(#REM) Feuille de style CSS pour l'affichage du site a l'ecran ]
[]

inscrire dans /squelettes/perso.css UNIQUEMENT les surcharges désirées et dans notre cas, uniquement les surcharges de couleurs.

Ainsi, on y trouverait un TRIPLE avantage :

compatibilité ascendante et descendante avec les diverses versions de SPIP 1.9,
facilité d'édition et de mise à jour ; perso.css ne contenant QUE les surcharges
facilité de mise en plugin d'une multitude de palette de couleurs.

Évidemment, si le fichier inc-head du répertoire des squelettes par défaut de SPIP incluait un appel à perso.css ou quelque chose déquivalent, ça nous faciliterait grandement la tâche : on n'aurait pas besoin de surcharger inc-head dans nos /squelettes/ .