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

1
2
3
4
5
6

h1.titre {
   /** Mise en majuscule */
   text-transform: uppercase;
   /** Couleur du texte */
   color: red;
}

1
2
3

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