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 |
|
- Pour le style des liens, on veut qu’il soit tous soulignés
1 2 3 |
|
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