Le squelette de base est livré avec trois feuilles de styles par défaut, situés dans le dossier ../ahuntsic/styles/ :
- base.css - pour l’affichage à l’écran,
- alter.css - uniquement pour l’affichage des images de fond (tel le bandeau) et certains blocs pour compatibilité multilingue,
- print.css - pour l’impression.
La cascade des styles
- Les feuilles de styles sont appelées dans le fichier ../ahuntsic/styles.html qui est inclus dans tous les squelettes (article.html, breve.html, rubrique.html, etc...) par le code suivant :
<INCLURE{fond=styles}{lang}>
- Le fichier styles.html appelle les feuilles de styles sous la forme suivante :
- Les feuilles de styles appelées dans styles.html sont les suivantes
- spip_style.css - la feuille de styles par défaut livré avec SPIP qui se trouve dans /dist/,
- base.css - la feuille de styles de base du squelette AHUNTSIC qui se trouve dans ../ahuntsic/styles/ ; styles susceptibles de changer selon le sens d’écriture de la langue du contexte,
- alter.css - la feuille de styles de base du squelette AHUNTSIC qui se trouve dans ../ahuntsic/styles/ ; styles applicables à toutes les langues, le sens d’écriture reste invariable ; cette feuille de style est notamment utilisée pour toutes les images de fond placée par règles de styles,
- print.css - les styles pour impression du squelette AHUNTSIC qui se trouve dans ..ahuntsic/styles/.
- Le fichier styles.html appelle aussi deux autres de feuilles de styles de personnalisation qui ne sont pas livrées dans le jeu de squelettes de base, mais qui sont utilisées pour vos personnalisations ou la création de thèmes :
- perso.css
- habillages.css
- Si vous créez une de ces feuilles de styles directement dans le dossier /squelettes/styles/ (créé directement à la racine de SPIP), cette feuille de styles sera reconnue et prise en compte par le squelette AHUNTSIC, en priorité sur toute autre du même nom située dans le dossier /plugins/.
- En pratique, vous n’aurez sans doute besoin de créer que la feuille de styles ../squelettes/styles/perso.css .
- La feuille de styles habillages.css est surtout destinée à la création d’éventuels thèmes alternatifs dont le mécanisme reste à préciser.
CONSEIL
Ne recopiez PAS toutes les règles de la feuille base.css dans votre feuille de styles personnalisée ; ne recopiez dans /squelettes/styles/perso.css que les règles et les propriétés que vous désirez modifier. Cela facilitera grandement la maintenance de vos styles et ça vous évitera beaucoup de casse-tête lors de la mise à jour de vos squelettes.
ATTENTION : si vous migrez d’une version antérieure à la version 1.9.1 du jeu de squelettes d’Alternatives, vous devrez sans doute ajuster les règles de styles de votre fichier perso.css. puisque nous avons maintenant combiné dans base.css les règles de styles de la feuille de styles alt-4.css des versions précédente.