SPIP - Contrib

Langues du site : [ar] [en] [es] [fr] [it]

42 visiteurs en ce moment

Accueil du site > Contribs > Squelettes complets > Archives Squelettes > Squelette SPLOG en CSS2

Squelette SPLOG en CSS2

mardi 7 octobre 2003, par zéta

Conçu pour permettre la publication collective d’anecdotes au jour le jour.
Il n’utilise pas de table pour la mise en page, mais une feuille de style spécifique : mastersplog.css (CSS2 valide). Il est écrit en Xhtml strict (pas tout à fait valide).

10 | minutes |SPLOG

Conçu pour permettre la publication collective d’anecdotes au jour le jour.
Auteur : Zéta
Licence : GPL
Compatibilite : SPIP > 1.5. Testé sous win avec Mozilla, Moz firebird et Iexplorer "versions récentes" ;-)
Site exemple : 10 minutes (apercu v.2 et explicatif CSS) : http://dixminutes.ouvaton.org/page....

Principales fonctionnalités

Splog n’utilise pas de table pour la mise en page, tout est dans la feuille de style (CSS2 valide). Il est écrit en Xhtml strict (pas tout à fait valide).
C’est l’interet principal du squelette : Même si ce n’est pas parfait, il est possible de faire une jolie mise en page tout en CSS... Et ce n’est pas si compliqué que ça en a l’air !.

Vous saurez tout en allant chez OpenWeb, dont s’inspire largement le graphisme du SPLOG. Pour les sceptiques de la feuille de style, allez donc vous faire évangéliser sur Pompage et ses liens hypertextes.

Structure d’une page

un ENTETE php-inclus sur chaque page du site. Avec entre autres :

Le titre des 3 dernières brèves
1 script php date/heure
1 script php nombre de connectés sur le site

Une partie NAVIGATION à gauche php-inclus sur chaque page du site. Avec :

Le menu dynamique-contextuel de spip contrib
Le nombre d’auteurs sur le site avec une liste cliquable vers les fiches de chaque auteur (attention, la plupart de ces boucles se limitent à lister {id_secteur=1})

Le CORPS DE PAGE à droite

Les breves sont présentées à la weblog (toutes sur la même page)
Une page auteurs liste tous les auteurs du site
Une page auteur donne le détail de chaque auteur
3 pages donnent toutes les réactions du site, tous les articles par popularité et tous les articles par visite.

Un PIED DE PAGE php-inclus sur chaque page du site.

La page forum.html et article.html ont des entêtes spécifiques php-inclus
4 filtres dans mes_fonctions.php : smileys, accord pluriel et les deux filtres de découper un article en plusieurs pages
J’ai modifié la puce.gif triangulaire en simple tiret, ainsi que les puces du menu dynamique contextuel (dans img_pack)
Splog n’utilise pas la boucle SITE- syndication, MOT & SIGNATURE.

Merci à tous ceux qui m’ont permis de finaliser ce squelette !

13 Messages de forum

Voir toute la discussion

1 | 2

16 novembre 2005 00:39 , par Monsieur zéta

Mise à jour de l’article

le splog à changé de nom et dispose aujourd’hui de nouveaux squelettes. On peut cependant toujours le consulter ICI avec le squelette téléchargeable dans cet article, et acompagné d’un explicatif de la CSS.

Ps : on peut d’ailleurs visionner n’importe quelle page du site avec le squelette splog en adaptant la formule : http://dixminutes.ouvaton.org/page.... _ARTICLE(numéro de l’article que vous voulez voir, #ID_BREVE, etc.)

Voir en ligne : dix minutes
17 novembre 2004 16:03 , par julespige

> Beta BioSPIP 3 en xhtml transisional

je dois reconnaitre que l’ajout des fonctions propre() et d’autres sur la version 1.8b2 a bien fait évoluer le noyau de spip, il reste encore les #FORMULAIRES_BLABLA qui posent quelques pb de mise en page (position des bouton pas exemple, comment la reparametrer sans toucher au noyau ?)

Sinon bravo et les travaux du CVS sont encourageants, comme quoi, même Arno a du revoir ses positions sur le xhtml, qui peut le plus peut le moins.

Simplicité, séparation contenant, contenu, styles, scripts,

C’est limpide.
10 novembre 2004 01:46 , par julespige

> Beta BioSPIP 3 en xhtml transisional

salut,

c’est peut etre une bonne solution intermédiaire, le transitionnel, mais tant que le noyau de spip et certains modules PHP continueront a générer des balises au lieu de ou au lieu de ou ou <hr> ou <HR> au lieu de et <hr /> et j’en passe, sage comme une <img alt="" />, le xhtml strict pour spip semble exclus, et c’est dommage.

POUR UNE DISTRIB SPIP XHTML

Il serait grand temps de retrousser nos manches et de sortir une version beta de SPIP intégrant toutes les nouvelles recommandations du W3C (séparation contenu, style, script et code propre).

Pour ma part, j’ai pris en main avec Bionet, la partie code et css du developpement de BIOSPIP 3 version xhtml et, n’étant ni un pro du js et du php, ni un spipeur chevronné, je cale un peu.

Alors on s’y met tous ???
10 juillet 2004 13:31 , par haduong

> Squelette SPLOG en CSS2

Contre-vérité !

C’est pas parce que tu spécifies ta mise en page avec des CSS que ça t’empêche de faire une maquette de site dont la largeur s’adapte à la résolution du navigateur. Au contraire même, c’est certainement beaucoup plus facile de faire un design elastique en CSS qu’avec des tables.
26 mars 2004 01:48 , par Matthieu

> Squelette SPLOG en CSS2

Bonjour Je suis nouveau sur SPIP et j’essaye de comprendre comment fonctionnent les squelettes. J’en ai deja installe un mais beaucoup plus basique, je ne comprend pas comment installer celui-la... Quelqu’un peut m’eclairer ?
25 mars 2004 15:53 , par GoUaRfIg !

> Squelette SPLOG en CSS2

Finalement, ce qui est très nul avec toutes ces pages en CSS, c’est les pov’ gars qui n’ont pas un écran dernière génération et qui sont en 800*600 voient un truc complètement décalé et dégueulasse !

Moi qui suit en 1024*768 et qui me force à garder une fenêtre de navigateur en 800*600 pour bosser sur mes sites, je tombe de plus en plus sur des sites CSS prévus QUE pour du 1024*768 minimum...

Hey ! C’est pas une généralité encore le 1024 ! Pensez-y les gars !

P.S. C’est joli quand même en 1024 ;-)
11 mars 2004 11:44 , par niko

> Squelette SPLOG en CSS2

Bonjour J n’arrive pas a changer le fond de page... comment faire ? Merci niko
3 février 2004 15:57 , par zéta

> Squelette SPLOG en CSS2

c’est vrai, c’est vrai, c’est pour ca que c’est "a peu pres strict"... je me suis dit quitte a refaire le squelette tout en css, autant le refaire aussi en xhtml... et autant que ce soit au plus strict possible... certaines "erreurs" sont laissées volontairement pour que cela s’affiche quand même dans tous les navigateurs...
3 février 2004 15:36

> Squelette SPLOG en CSS2

Un squelette en xhtml strict c’est bien sauf que la gestion du contenu cassera la validité de la page !
5 novembre 2003 21:53 , par Riskmanager

> Recherche dans le site

Vous trouverez un exemple d’inclusion d’une recherche dans les squelettes SPLOG (fork AQTEDeFoi), sur le site Mindmap Belgium.

1 | 2

Répondre à cet article

Ça discute par ici

Plugin Menu Accordéon
26 juin 2007, par b_b
Animer le menu de SPIP avec un effet d’ouverture de tiroir.

53 commentaires
Plugin Thickbox
20 avril 2007, par BoOz
Le plugin Thickbox pour SPIP, qui permet d’afficher une image avec un effet de présentation à la mode.

49 commentaires
Plugin Agenda
14 août 2006, par Cedric Morin
Le plugin agenda permet d’ajouter un objet « événement » aux articles

525 commentaires
Découper un texte en pages et/ou en onglets
4 mai 2007, par Franck Ducas, Patrice Vanneufville
Un raccourcis typographique qui découpe le texte de vos rubriques ou de vos articles en plusieurs pages, ou crée pour vous des onglets... Rubis sur ongle ! Introduction Les articles de votre site sont parfois un peu longs et vous vous (...)

106 commentaires
Cours SPIP rédacteur
6 juillet 2005, par erational
Un cours d’initiation à SPIP pour rédacteur en 13 pages. Couvre la version SPIP 1.9 et plus Table des matières Introduction Architecture d’un site SPIP Partie publique Partie privée Utiliser la partie privée d’un SPIP (back-office) (...)

11 commentaires