SPIP, comprendre les squelettes

L’affichage d’un site sous SPIP est mis en forme par un jeu de squelettes. Un squelette ce n’est rien de plus qu’un ensemble de fichiers HTML, contenant du code HTML, des sélecteurs CSS/JS, et des boucles SPIP. Il va définir la structure mais aussi le fonctionnement du site.

Voici des commentaires explicatifs

Commentaires explicatifs

et deux documents : un exemple de sommaire.html et un exemple de spip_style.css.

Exemple de feuille de style

Exemple de Sommaire.html

Tutoriaux

On trouve des tutoriaux ici : http://www.spip-contrib.net/Tutoria...

Par exemple : http://www.spip-contrib.net/Comment...

Boucles et balises, manuel de référence : http://www.spip.net/fr_rubrique143.html

Autres adresses :

– http://www.spip.net/@?lang=fr
– http://programmer.spip.org/
– http://www.spip.net/rubrique172.html
– http://www.spip.net/rubrique144.html
– http://www.spip.net/fr_article902.html

– http://www.arbre-helices.com/Exempl...

 Un courriel sans puce

Parfois spip met une petite puce en forme d’enveloppe, devant une adresse de messagerie. Pour faire disparaître cette petite puce, voilà comment faire :

1) ouvrir spip_style.css (qui s etrouve dans le dossier prive)
2) commenter la ligne comme ceci : /* a.spip_mail:before content :« \002709 » ; liens vers un email */

 Compatibilité avec Internet Explorer

Faire un beau design, on y arrive. Mais c’est pas évident avec Internet Explorer.
j’avais remarqué, avec Debugbar et IEtest, que mes squelettes semblaient bloqués à IE7 j’ai donc ajouté dans mes squelettes sommaire.html, rubrique.html, article.html , la ligne suivante :

Cela se met entre head et /head.

Sans cette ligne, une page ouverte dans IE8 est affichée comme si elle avait été ouverte dans IE7. C’est bien ce que j’avais remarqué ! Voir quelques explications ici (en anglais) : http://blogs.msdn.com/b/ie/archive/.... En gros c’est ceci : Internet Explorer ne respecte pas les normes, mais il existe de par le monde des tas de sites qui ont été faits en tenant compte de cette erreur, il fallait donc qu’ils puissent continuer à fonctionner. D’où la ligne de compatibilité introduite par IE8. Mystère maintenant : que va-t-il se passer avec IE9 ? Pour moi, mes ordinateurs sont en Windows XP, donc je ne peux passer à IE9, donc je ne saurai pas si mon design est bon ou pas. Il me restera à voir cela chez des copains !

Des explications