SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

282 Plugins, 197 contribs sur SPIP-Zone, 351 visiteurs en ce moment

Accueil > Squelettes > Squelette SPLOG en CSS2

Squelette SPLOG en CSS2

7 octobre 2003 – par zéta – 13 commentaires

1 vote

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

PNG - 83.2 ko

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 !

Retour en haut de la page

Vos commentaires

  • Le 16 novembre 2005 à 00:39, par Monsieur zéta En réponse à : 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.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

  • Le 10 novembre 2004 à 01:46, par julespige En réponse à : > 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 <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 ???

    • Le 17 novembre 2004 à 16:03, par julespige En réponse à : > 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.

    Répondre à ce message

  • Le 25 mars 2004 à 15:53, par GoUaRfIg ! En réponse à : > 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 ;-)

    • Le 10 juillet 2004 à 13:31, par haduong En réponse à : > 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.

    Répondre à ce message

  • Le 26 mars 2004 à 01:48, par Matthieu En réponse à : > 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 ?

    Répondre à ce message

  • Le 11 mars 2004 à 11:44, par niko En réponse à : > Squelette SPLOG en CSS2

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

    Répondre à ce message

  • Le 3 février 2004 à 15:36, par ? En réponse à : > Squelette SPLOG en CSS2

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

    • Le 3 février 2004 à 15:57, par zéta En réponse à : > 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...

    Répondre à ce message

  • Le 8 octobre 2003 à 14:31, par Pascal L En réponse à : Sans table ... vraiement ?

    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 !

    • Le 9 octobre 2003 à 14:11, par zéta En réponse à : > la dernière table

      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

    • Le 9 octobre 2003 à 17:34, par Olivier BEDOUELLE En réponse à : > la dernière table

      Bonjour,

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

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

    • Le 5 novembre 2003 à 21:53, par Riskmanager En réponse à : > Recherche dans le site

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

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Le Couteau Suisse

    4 mai 2007 – 1759 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : le contrôle de nombreuses variables « cachées » de SPIP, des améliorations ou facilités typographiques, (...)

  • Du php dans le squelette à la place de #SESSION ou #CACHE{0}

    7 février – commentaires

    Bonnes pratiques et règles générales Pour une efficacité maximale du cache ne jamais mettre de php dans les squelettes. En effet, cela minerait l’efficacité du cache puisqu’il faudrait alors lancer l’interpréteur php à chaque page servie. À la place (...)

  • Plugin Bank

    12 juin – 14 commentaires

    Le plugin Bank prend en charge l’interface technique de paiement avec de nombreux prestataires de paiement par Carte Bleue, SEPA… Il prend également en charge la conservation de l’historique des transactions de paiement et de leur état et offre une (...)

  • Cycle2

    7 août 2014 – 38 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery Cycle  (...)

  • Plugin JAZ

    9 mai 2012 – 27 commentaires

    Une fois installé, le plugin « JAZ » (Joindre Automatiquement à une Zone) permet de définir une zone ou une liste de zones d’accès restreint, auxquels tout auteur demandant son inscription sera automatiquement associé. Utilité Dans le cadre d’une (...)