Bandeau
Escal V3
Site de démonstration

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.

Changer la couleur d’un seul bloc latéral
Article mis en ligne le 16 janvier 2016
dernière modification le 22 novembre 2016

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Il faut d’abord repérer le nom du bloc que vous voulez changer et surtout la class associée spécifiquement à cette noisette en regardant son code.

Prenons l’exemple de la noisette "Dans la même rubrique" de la page article. Elle est repérée par la class meme-rub

Toujours dans /squelettes/styles/perso.css, on va mettre le code suivant :

  1. div h1.cadre.meme-rub {
  2. background-color: #CC0000;
  3. color: #ffffff;
  4. }
  5. div.texte.meme-rub {
  6. background-color: #E63939;
  7. border-color: #CC0000;
  8. color: #ffffff;
  9. }
  10. div.texte.meme-rub a{
  11. color: #ffffff;
  12. }

Télécharger

et voilà une noisette rouge.
A vous de choisir vos couleurs !


Forum
Répondre à cet article
Changer la couleur d’un seul bloc latéral
Christian - le 9 décembre 2016

Bonjour,

Merci pour cette astuce intéressante.
Je l’ai appliquée avec beaucoup de bonheur.

On peut mettre une bordure sur la partie du bas, si on veut la prolonger sur la partie titre, quel code faut il mettre ?
J’ai fait divers essais sans résultats.

Si on regarde l’image joint, le bord rouge s’arrête au cadre de titre et je voudrais qu’il fasse le tour du cadre en jaune foncé

Merci d’avance

Changer la couleur d’un seul bloc latéral
Jean Christophe Villeneuve - le 9 décembre 2016

il faut faire un truc du genre

div h1.cadre.meme-rub {
border: 1px solid red;
border-bottom: none;
}

Changer la couleur d’un seul bloc latéral
Christian - le 10 décembre 2016

Bonjour,

Merci, ça marche,
En fin presque, J’ai sué sang et eau pour y arriver.
30 mn pour mettre ton bout de code, l’envoyer par ftp, rafraichir la page !
Des coupures de connexion internet constantes...
Les samedi et dimanche, c’est presque impossible de travailler de jour.
Alors je bosse la nuit.
Je vais réessayer mon ancien fournisseur (J’ai le choix entre deux services) qui semble t il à amélioré son service.

Changer la couleur d’un seul bloc latéral
Jean Christophe Villeneuve - le 10 décembre 2016

Et pour être encore plus propre, je mettrais un

border-width: 1px 2px 0 1px;

pour div h1.cadre.stats

Changer la couleur d’un seul bloc latéral
Christian - le 10 décembre 2016

Bonjour,
ainsi c’est parfait !



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.26