Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1348 sites
Modifier le fond d’une rubrique ou d’un article
Article mis en ligne le 16 janvier 2016
dernière modification le 27 mars 2016

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

On peut vouloir avoir un fond avec une couleur différente pour une rubrique ou certains articles.

Pour cela, on va rajouter une règle dans le fichier perso.css (à créer dans /squelettes/styles s’il n’existe pas encore) :

  • pour une rubrique avec l’id (numéro) 123

  1. body.page-rubrique.rubrique123 {
  2. background : #codecouleur;
  3. }

Télécharger

  • pour tous les articles d’une rubrique avec l’id (numéro) 123

  1. body.page-article.rubrique123 {
  2. background : #codecouleur;
  3. }

Télécharger

  • pour un article précis avec l’id (numéro) 123

  1. body.page-article.article123 {
  2. background : #codecouleur;
  3. }

Télécharger

P.S. :

Bien sur, on peut jouer sur d’autres CSS que la couleur du fond.


Forum
Répondre à cet article
Modifier le fond d’une rubrique ou d’un article
Pascal FORTIN - le 30 octobre 2016

Bonjour,

J’ai effectivement expérimenter ces différentes astuces sur le site dont je m’occupe (http://elus-lebonsenspourquincy.fr)en espérant pouvoir changer la couleur de fond d’une des noisettes des bords latéraux afin qu’elle soit mise en valeur. Je pense plus particulièrement à la noisette "édito".
Mes compétences ne m’ont pas permis de tirer profit des lignes de codes ci-dessus afin de trouver la solution tout seul.
Est-ce possible ? et si oui comment ?
Avec tous mes remerciements.

PF

Modifier le fond d’une rubrique ou d’un article
Jean Christophe Villeneuve - le 30 octobre 2016

J’ai l’impression que tu confonds rubrique et noisette latérale.

Il faudrait plutôt t’inspirer du code proposé dans cet article.

Modifier le fond d’une rubrique ou d’un article
Pascal FORTIN - le 30 octobre 2016

Ça marche nickel. MERCI
Souvent, on ne voit pas plus loin que le bout de son nez !
PF

Modifier le fond d’une rubrique ou d’un article
JL Charpenteau - le 11 février 2016

Bonjour

En fait je voulais juste modifier le fond du texte de l’article et non pas tout le fond de la page.
J’imagine que c’est #text-article qu’il faut modifier. De quelle manière ?
Merci de votre aide

Modifier le fond d’une rubrique ou d’un article
Jean Christophe Villeneuve - le 11 février 2016

Bonsoir

Ce serait plutôt #cadre-article je pense
Pour modifier ce fond, il faut rajouter dans le fichier perso.css ce code :

#cadre-article{
background-color: #ffffff;
}

en mettant le code couleur qui te convient.

Modifier le fond d’une rubrique ou d’un article
JL Charpenteau - le 13 février 2016

Bonsoir

merci de ta réponse mais comment spécifier le numéro de l’article dans ce cas ?

JLouis

Modifier le fond d’une rubrique ou d’un article
Jean Christophe Villeneuve - le 13 février 2016

En rajoutant .articleXX devant, où XX est l’id de l’article
Exemple

.article267 #cadre-article{
background-color: #ffffff;
}



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.22