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