Accès rapide : Aller au contenu de l'article |  Aller au menu |  Liste complète des articles  |  Aide  |  Contact |
bandeau

Accueil > Aides pour les nuls > Modifier h1, h2, h3

Modifier h1, h2, h3

FTP : installation et usage

 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 :

 intertitre violet


 Modifier le squelette :

voir page 5007

 Taille, size

voir page 5005


NOTES:

(1) : de très bonnes explications ici :
http://www.spip.net/fr_article2331.html