1 Le layout intègre 6 entités logiques de contenu qui structure dans le html a sa guise.
2 Les 6 entités sont nommées ici selon la convention ci-dessous, eu égard à leur contenu informationnel
3 et sans préjuger d'une quelconque structure définie par le theme :
5 entete fournit la présentation de la page et d'identité
6 barre-nav constitue la navigation principale du site - peut être vide
7 contenu contient l'information principale de la page
8 navigation fournit des élements de navigation secondaire
9 extra fournit des eléments d'information connexes
10 pied fournit des éléments de repérages et de rappels secondaires
15 - un lien bloc .accueil contenant
16 - le logo eventuel [x], encadré par un element a
18 dans un #nom_site_spip, qui peut être porté par toute balise. Il appartient au theme de fixer si il doit se comporter comme un block ou comme un inline
19 qui peut contenir un element a
21 dans un #slogan_site_spip
24 - .formulaire_menu_lang le formulaire de changement de langue qui n'apparaitra que sur les sites multilingues
27 si elle est non vide, est structurée d'éléments imbriqués de classes
29 encadre un lot de .menu-entree
30 contient exlusivement des elements .menu-entree
31 .menu-entree doit etre dans un element .menu-liste
32 contient un unique element a
33 peut contenir un unique element .sep contenant un separateur textuel
34 peut contenir des sous groupes .menu-entree
36 cette convention permet par exemple
37 une navigation hierarchisée de type ul.menu-liste/li.menu-entree a un ou plusieurs niveau
38 une navigation plate constituée d'une suite de liens
40 le theme devra prendre en charge au moins l'affichage du premier niveau de navigation
41 le theme pourra prendre en charge l'affichage d'un eventuel menu déroulant a 1 ou plusieurs niveaux si le squelette les fournit
45 #hierarchie le fil d'ariane,
47 des elements separateurs '.sep'
48 un element en exergue '.on'
50 .cartouche le cartouche de présentation du contenu
56 .info-publi Infos de publication
57 .published date de publication
58 .auteurs auteur de publication, avec seperateurs .sep eventuels
59 .past-published date de publication anterieure
61 .postmeta cartouche de présentation des réactions
78 .documents_portfolio (classe et pas id car il pourrait en avoir plusieurs)
81 garder la structure de la dist ?
84 garder la structure de la dist ?
90 - une navigation de second niveau, structurée comme barre-nav, par .menu-liste, .menu-entree, .sep et a
91 - Le formulaire de recherche. Les themes qui voudront le placer visuellement dans le bandeau supérieur procèderont par un positionnement absolu
104 TBD des registres horizontaux
105 TBD des colonnes verticales
113 .h1, .h2, .h3, .h4, .h5, .h6
115 .pagination contient a, .on et .separateur
117 les listes d'items (liste d'articles, de breves, de rubriques ...)
118 .liste : bloc englobant
119 peut contenir des p, .hx, .pagination ...
120 contient au moins un ul.liste-items
121 qui contient un ou des li.item
124 selon convention décrite dans http://www.spip.net/fr_article3791.html
126 les tableaux de données
135 a.spip_note /* liens vers notes de bas de page */
136 a.spip_ancre /* liens internes a la page */
137 a.spip_in /* liens internes */
138 a.spip_out /* liens sortants */
140 a.spip_url /* liens url sortants */
141 a.spip_glossaire /* liens vers encyclopedie */
145 .spip_documents, .spip_documents_right, .spip_documents_left
146 img, peut etre dans un 'a'
150 la "typo" (cf spip_styles.css)
151 .spip_code du code inline
152 .spip_cadre du code en block
156 blockquote.spip_poesie
159 .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
160 .invisible { position: absolute; top: -3000em; height: 1%; }