Version 5 — Novembre 2014 — erational
intégré dans la doc le 2014.11.13
http://www.spip.net/ecrire/?exec=article&id_article=5713
(à effacer à terme)
Le squelette par défaut de la version SPIP 3.1 reprend le squelette de la version SPIP 3.0 en lui intégrant le framework css tinytypo qui offre une base typographique claire et facilement adaptable. Le squelette est compatible avec le plugin Les crayons
Le squelette est en XHTML 1.0 Transitionnel
Voici la structure des principaux blocs :
-* body
.page
.header
.nav
.main
.wrapper
.content
.aside
.footer
Le bloc principal .page
est centré et fait une taille de 960 pixels de large.
Le squelette est un minimum responsive et introduit deux points de ruptures à 767 pixels et 640 pixels de large.
L’appel des feuilles de style utilise la méthode dite daisy.
Elle consiste à respecter un ordre bien précis pour appeler les feuilles de styles pour faciliter leur compréhension, maintenance et personnalisation au sein d’un projet web.
On appelle donc les styles les plus généraux jusqu’aux styles les plus particuliers.
Dans le détail, voici les fichiers appelés par le squelette dist :
reset.css
ré-initialise les balises HTMLclear.css
définit les modèles pour la composition et la mise en page (alignement, modèle de bloc,....)font.css
(facultatif) appel des polices typographiques personnalisées (souvent appelés « font-face »)links.css
définition des liens hypertextestypo.css
base typographiquemedia.css
habillage des images, vidéos, canvas, ...form.css
habillage de base des formulairesgrid.css
(facultatif) grillelayout.css
disposition des blocs principauxspip.css
styles générés par spip#INSERT_HEAD_CSS
theme.css
thème généralvariante.css
(facultatif) variante du thèmeperso.css
(facultatif) réglages personnels sur le thèmeSPIP 3.1 introduit des thèmes qui permettent de charger simplement des thèmes graphiques.
Pour utiliser les thèmes :
Les thèmes peuvent aussi servir de base de travail pour créer votre propre habillage graphique.