Skip to content
Exercice 6 : Changer la couleur du titre d'un article et des liens

Exercice 6 : Changer la couleur du titre d'un article et des liens

  • Sur le même principe que l’exercice 4, on cherche à modifier l’apparence d’éléments de SPIP

  • Sur la page d’un article, grace à Firebug, on observe que le titre à pour code HTML <h1 class="titre">[…]</h1>

  • On peut donc définir notre propre style h1.titre((Dans la version 1.9.3 SVN de SPIP, le style CSS devient “h1.entry-title”)) afin que tous les titres de SPIP soient :

    • en majuscule
    • de couleur rouge (choix arbitraire, vous pouvez utiliser l’extension Firefox Colorzilla)
  • On ajoute donc dans notre fichier mes_styles.css un nouveau style pour écraser celui des titres de SPIP

h1.titre {
   /** Mise en majuscule */
   text-transform: uppercase;
   /** Couleur du texte */
   color: red;
}
a {
   text-decoration: none;
}
  • Inutile de vider le cache de SPIP car il s’agit simplement de CSS (SPIP n’intervient pas sur son traitement)

  • L’affichage d’un article confirme que notre modification a bien été prise en compte