SPIP-Contrib

SPIP-Contrib

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

278 Plugins, 195 contribs sur SPIP-Zone, 40 visiteurs en ce moment

Accueil > Squelettes > Squelette SPLOG en CSS2

Squelette SPLOG en CSS2

7 octobre 2003 – par zéta – 13 commentaires

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

Tout afficher

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

  • Nivo Slider

    2 mars 2011 – 354 commentaires

    Nivo Slider pour SPIP permet d’intégrer des diaporamas en JQuery dans vos articles et squelettes.

  • Mosaïque

    21 septembre 2012 – 33 commentaires

    Ce plugin permet d’organiser les images du portfolio par simple glisser-déposer des vignettes d’une mosaïque accessible depuis la page d’édition de l’article. Dépendances Ce plugin nécessite les plugins Champs extra et Saisies pour fonctionner. (...)

  • Plugin Analyclick - un compteur de téléchargements

    26 février 2011 – 102 commentaires

    Ce plugin permet de compter les téléchargements de documents sur son site. Il introduit une balise #URL_DOC_COMPTEUR qui va compter chaque clic fait sur ce lien. Il affiche une page de statistique. Avertissement Le passage en SPIP v.3 est en (...)

  • Agenda 2.0

    3 novembre 2008 – 923 commentaires

    Voici la version pour SPIP 2.0 du Plugin Agenda pour SPIP 1.9.2, avec une interface remaniée pour encore plus de plaisir. Pour une documentation concernant l’utilisation d’Agenda 3 pour SPIP 3, veuillez pour l’instant vous référer à SPIP 3, Agenda (...)

  • elFinder

    1er avril – commentaires

    Ce plugin permet de parcourir l’arborescence de son site SPIP grâce au gestionnaire de fichiers Elfinder. Principe Ce plugin permet aux administrateurs de parcourir l’arborescence d’un site SPIP à travers un outil ressemblant à un gestionnaire de (...)