Modifier h1, h2, h3
J’ai voulu modifier le design du site SPIP.
J’ai modifié pour cela : h1, h2 et h3 (1)
Voici comment :
Je travaille avec le logiciel libre FileZilla
1) Dans le « site distant » chercher : spip_style.css
2) Avec le FTP, expédier ce fichier sur le site local
3) Dans le « site local », cliquer sur « spip-style.css » et faire « ouvrir »
4) il s’ouvre alors un document « FrontPage ». Autre méthode, utiliser un « bloc-notes » (1) pour ouvrir le fichier spip_style.css.
5) le modifier ainsi :
Pour h1, cela donne un titre en noir (000000) sur fond jaune (FFFF00)
Pour h2, cela donne un titre en noir.
Pour h3 cela donne un titre en violet (FF00FF)
6) Faire « enregistrer sous » et choisir par exemple le nom spip_style_modif
7) Avec le FTP renvoyer spip_style_modif sur le site distant, dans le même dossier que le fichier spip_style.css.
8) Supprimer le spip_style.css existant (ou le renommer, moi je l’appelle souvent spip_styleORI.css quand c’est l’original ou spip_style.css#, de façon à pouvoir le retrouver si nécessaire)
9) Renommer spip_style_modif de la façon suivante :
spip_style.css
(voir aussi les modifications du squelette->5007#modif]
Qu’est-ce que ça donne ?
1) En écrivant <h1 class="titre1"> TITRE </h1>
cela donne le Titre en noir sur fond jaune, comme ceci :
TITRE
2) En écrivant <h2> Intertitre</h2>
cela donne l’intertitre en noir, comme ceci
Intertitre
3) En utilisant le bouton « intertitre » de SPIP, c’est-Ã -dire {{{...}}}
on obtient un intertitre en violet, comme ceci :