Squelette SPLOG en CSS2

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

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 !

Discussion

7 discussions

  • 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.php3?fond=article_dixmin_v2&id_article={{#ID _ARTICLE}}(numéro de l’article que vous voulez voir, #ID_BREVE, etc.)

    Répondre à ce message

  • 1
    julespige

    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 <i>au lieu de <em> <b> ou <B> au lieu de <strong> <br> ou <BR> ou <hr> ou <HR> au lieu de <br /> 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 ???

    • 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.

    Répondre à ce message

  • 1

    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 ;-)

    • 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.

    Répondre à ce message

  • Matthieu

    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 ?

    Répondre à ce message

  • Bonjour
    J n’arrive pas a changer le fond de page... comment faire ?
    Merci
    niko

    Répondre à ce message

  • 1

    Un squelette en xhtml strict c’est bien sauf que la gestion du contenu cassera la validité de la page !

    • 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...

    Répondre à ce message

  • 3

    Je croyais avoir trouver un squelette SPIP sans table, mais il ne faut pas cherché loin pour constater que c’est faux.

    Dans ton menu (menu.html) on retrouve encore une table...
    Cependant, je tiens à te féliciter pour ton squelette, tu es dans la bonne direction pour un SPIP dans le respect des standards !

    Continue ton bon travail !

    • bravo, :-) il n’as pas fallu longtemps aux geeks pour résoudre la question mystère du grand concours d’épluchage de code : mais ou se cache la dernière table ?...

      C’est le petit Pascal.L qui a trouvé la solution : Le menu contextuel de SPIP contrib (menu.html) utilisé dans ce squelette contient bien une table inutile !!

      Totalement ignare en PHP, j’ai vite laché l’affaire pour adapter ce script que je trouve particulièrement efficace, tout en y pigeant que dalle à la structure. Ca m’a permis de garder quelques poignées de cheveux, que j’ai pu arracher à loisir pour une autre occasion.

      c’est vrai, il faudra bien l’adapter un jour ou l’autre :-p

    • Olivier BEDOUELLE

      Bonjour,

      J’ai utilisé ton squelette ... il me va bien !

      Est-il possible d’inclure une recherche dans le site ?

    • Riskmanager

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

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom