Tous les développeurs web vous diront que c’est souvent un long calvaire pour rendre un site web compatible XHTML/CSS 1.0 strict. Faire un squelette XHTML/CSS strict est probablement un chemin de croix encore plus long . . .

Apres beaucoup d’efforts et quelques centaines de difficultés à régler, le squelette cahierspip est presque mûr et approche de la version 1.0 stable.

La 1.0 beta9 sera probablement la derniére version beta avant la version stable.

Les pages sommaire.html, article.html, recherche.html, rubrique.html, mot.html, plan.html et sommaire.html et site.html sont stables et valides.

Les screenshots pour plusieurs navigateurs ( thanks to browsershots.org ) sont ici .

Les différences majeures de structure avec le squelette spip shippé par défaut sont peu nombreuses :

• Tous les fichiers incluent menu1.php3 et menu2.php3, avec la possibilité d’insérer, entre menu1 ( menu principal ) et menu2 ( logos_divers et autres ), des elements spécifiques ( mots clés par exemple si vous souhaitez les mettre dans le menu de gauche pour certaines pages )
• Un sommaire.html en "2 colonnes à la une", chaque colonne attaquant un secteur particulier, vous aurez à customiser les id_secteur des differentes boucles en fonction de vos besoins. La css permets de rajouter facilement un bloc pour avoir plusieurs id_secteur dans une même colonne. Il est prévu ( après la sortie de la version 1.0 stable ) de créer un fichier de paramètres, du genre de bio_config dans les squelettes biospip. Ce fichier contiendra entre autres les id_secteur utilisés dans les colonnes du sommaire.html
• La css, bien que modifiée ( certains styles ont été dupliqués et adaptés ) reste celle qui est shippée par défaut avec spip et tres peu de styles sont tout à fait nouveaux ( uniquement les styles bord_* si je n’oublie rien ). Le travail de découverte de la css de cahierspip sera donc rentabilisé en étant aussi un travail de découverte de la css standard de spip, qui est probablement la meilleure base pour développer un jour votre propre squelette.
• Tous les changements dans la css ( par rapport à la css de base de spip ) se trouvent dans le fichier habillage.css
• Le squelette inclue une page your_ads.php3 dans laquelle vous pouvez placer des annonces externes :
  • annonces google ads
  • annonces de votre forum phpbb
  • liens externes
  • . . .
  
  Ce fichier s’affiche dans le menu de gauche ou dans le menu de droite selon les pages ; ce fichier peut être vide sans déranger l’interface ; attentions la largeur du contenu de ce fichier ne doit pas dépasser la largeur du menu de gauche.

Les points qui restent à améliorer sont les suivants :

• Certains blocs s’accomoderont mal de suivre un logo trop petit ou trop gros, ou inexistant.
• L’absence de logos, d’articles dans une rubrique . . . peut poser quelques problèmes de positionnement ou chevauchement ; à priori rien qui rende le squelette inutilisable, mais n’hésitez pas à nous signaler les problèmes, voire même des modifications de CSS permettant d’améliorer le comportement de cahierspip dans ce genre de conditions extrêmes.

Les fichiers actuellement maintenus et nécessaires pour la version 1.0 stable sont les fichiers spip ( standards ) suivants :

• sommaire.html
• rubrique.html
• article.html
• mot.html
• recherche.html
• resume.html
• plan.html
• site.html

Ainsi que les fichiers ( non standards ) suivants :

• menu1.php3 et menu1.html
• menu2.php3 et menu2.html
• your_ads.php3 et your_ads.html
• article_edito.php3 et article_edito.html
• article_news.php3 et article_news.html
• article_plusloin.php3 et article_plusloin.html
• footer.php3 et footer.html
• menu.php3 et menu.html
• sommaire_droite.php3 et sommaire_droite.html
• sommaire_gauche.php3 et sommaire_gauche.html
• sur_web.php3 et sur_web.html
• version_cahierspip.php3 et version_cahierspip.html

La CSS par défaut utilisée par CahierSpip est le fichier habillage.css qui se trouve dans le tar.gz du squelette ; depuis la 1.0 beta8. Deux feuilles de style alternatives sont proposées :

habillage_2.css, que vous pouvez visualiser ici ; il vous faudra la renommer en habillage.css pour l’utiliser.

habillage_3.css, que vous pouvez visualiser ici ; il vous faudra la renommer en habillage.css pour l’utiliser.