TdT:skelettes SPIP

    (presque ceux ce ce site)

    dimanche 18 janvier 2004, par Jimv

      Version imprimable de cet article Version imprimable

      LES VERSIONS POUR SPIP 1.9 ET 2.1 NE SONT PAS EN LIGNE.


      l ATTENTION

      Il était devenu un peu difficile de mettre à la fois à jour la distribution et les fichiers de ce site, d’ailleurs dans ces distrib il y a quelques incohérences ... Donc un site dédié à TdT et à Album2 TdT a été créé. Il comporte les dernières versions stables, et en plus ça doit marcher tout seul, puisqu’il s’agit d’une installation "brute" des fichiers fournis sur un SPIP tout neuf . http://TdTspip.free.fr

      je vous invite à vous y rendre.


      "Tu me fais découvrir SPIP, et tu me parles de squelettes... Les tiens, c’est quoi et comment on s’en sert ? ... Ooaouh ! tu dors ?"

      Ainsi parle Daniel.

      Tiens me voilà affublé de plusieurs squelettes ,va manquer de peau !

      Tu Dors, TuTorial, TNT aussi ...

      "Tu-d-Tor" (TdT) est né . Ce sont les squelettes de ce site modifiés pour être distribués. Ce sont au départ les squelettes "baseAdoc" dont une partie de la structure a été emprunté à bluerobot.com, retravaillés par Karim Belkacem , pompés et repompés ...

      Las, c’était un peu du "copier-coller" , le premier auteur s’en est "offusqué"... à juste titre et SPIP à coupé le lien "... don’t steal my home page..."

      " Je suis débutant ,je profite depuis longtemps de la base de ces squelettes.Pourquoi alors ne pas reprendre ces squelettes "bannis" ? Je n’y comprends rien, c’est l’occasion d’apprendre !".

      Philosopher , "génériquer", modifier .. prévoir....

      Bon faut se jeter à l’eau , hein...

      Philosopher ?

      Un principe de vie SPIPien :

      Ce que tu ne comprends pas tu ne changeras.

      mais ces squelettes ne sont pas l’intégralité de ADOC

      Seul commandement au SPIPeur :

      Aux fichiers de la distribution SPIP jamais tu ne toucheras.

      tu peux perdre ton travail lors d’une mise à jour, et j’en sais quelque chose !

      Pour le reste, tout ce que tu veux tu feras.

      Daniel, en pratique :

    •  Tu ne touches pas aux squelettes du type "sommaire-dist.html". Tu les remplaces par les tiens :"sommaire.html" .
    •  Tu ne modifies pas directement les CSS qui sont au premier niveau. Tu en fais une copie que tu mets dans un répertoire nommé "css". Tu "bricoles" tes CSS dans ce répertoire.
      • Dans tes squelettes tu dois appeler les liens CSS de ce répertoire :

      exemple : au départ il y a des liens du type : <link rel="stylesheet" href="spip_style.css" type="text/css">. Tu les remplaces par : <link rel="stylesheet" href="css/spip_style.css" type="text/css">

    •  Tu places les images que tu utilises dans ta navigation dans un répertoire nommé "images" (au premier niveau, c’est ce que j’ai fait ).

      "Génériquer" ? (rendre générique)

      (C’est déjà enlever tout ce qui est personnel dans les meta, les liens et les images).

    •  Les images de la navigation : dans cette distrib, elles sont pas belles (Daniel, tu me fends le coeur !)

      Elles se trouvent dans le répertoire "images"... comme elles sont appelées par les CSS, il suffit d’enregistrer les tiennes avec le même nom pour que le tour soit joué (c’est exprès quelles sont pas belles).

      Hum, hum ...

      Nomappelé dansfichier css
      tete_droite.gif #tete css/cettebase.css
      tete_gauche.gif #tetegauche css/cettebase.css
      tete_centre.gif #tetecentre css/cettebase.css
      image_flottante.gif #Content css/cettebase.css
      logbaspage.gif #Copyright css/cettebase.css

      le fichier CSS est : css/cettebase.css

      • Si tu remplaces ces images par des images de même taille, ça marche tout seul.
      • Si tu changes la taille des images il faut aussi modifier le fichier CSS. Exemple : l’image "image_flottante.gif" mesure 204 pixels de haut. si tu la changes pour une image qui fait 265 pixels de haut , il faut changer dans "#Copyright" la ligne : #Copyright "... width : 80% ; height : 204px " par "... width : 80% ; height : 265px "
    •  Utilisation de INCLURE. Il y a des choses qui sont communes à toutes les pages comme l’entête et le bas de page par exemple et à chaque fois que l’on fait une modification de ces items il faut se farcir toutes les pages du skelette ! Donc j’ai utilisé la fonction INCLURE de SPIP. J’ai "haché" les codes qui reviennent et je les ai mis dans des petits fichiers situés dans un répertoire nommé "inclusion".

      Le code de chaque page devient plus simple et les modifications générales sont plus facile : tu modifies le petit fichier et VROooom ça se met sur toutes les pages (à condition de les recalculer bien entendu) !

      Nomdescriptiondans
      entete.html c’est l’entête BODY
      bas.html le bas de page BODY
      navgen.html la navigation générale BODY (menu)
      navrub.html la navigation des rubriques BODY (menu)
      contact.html les contacts du site BODY (menu)
      credits.html les remerciements HEAD
      metagen.html les meta géneraux HEAD
      mycss.html les CSS HEAD

      chacun de ces fichiers est associé à un fichier php3 à la manière SPIP

      l’appel dans les pages se fait tout simplement par : <INCLURE(inclusion/entete.php3)>

      bon, je sais pas ce que ça donne au niveau du temp de recalcul de chaque page ?

    •  Envoyer un email dans inclusion/ contact.html

      Une boucle donne l’adresse de l’"auteur" N°1 (toi je suppose), vérifies . On peut bien sur utiliser aussi la notation #EMAIL_WEBMASTER (qui donne d’ailleurs cette adresse par défaut si le champ dans la configuration n’a pas été rempli). Cette solution me permet de faire un titre (lorsque l’on survole le lien) qui donne le pseudo de l’auteur, et sans doute bientôt d’indiquer dans le corps du message le PGP de cet auteur.

    •  Les auteurs originaux . Dans le Head, un commentaire mais pas de meta de copyright etc ... (je crois que c’est ce que demande le premier auteur)

      Modifier ?

    •  Ajouter le titre "événement"

      Afficher en tête du site un ou des articles que tu peux garder à cette place tant que tu n’en as pas pas décidé autrement. Il fait appel à une boucle "article" qui recherche le mot clé "1evenement" . les articles comportant ce mot clés sont affichés, sinon rien. Pour enlever un article affiché dans cette section, il te suffit d’enlever le mot clé dans cet article ( ça c’est pas clair, quoique ). L’idée est dans le tutorial SPIP http://www.spip.net/fr_article1288.html

      • dans cette boucle et les suivantes j’ai utilisé le critére {doublons} pour que ces articles ne s’affichent pas plusieurs fois.
    •  Album

      Encore "bidouillé" le génial truc ! (les originaux sur le site de EOST). Ce sont les fichiers "album2.html" et bien entendu "album2.php.

      • Pourquoi garder une rubrique Album qui devenait un "foutoir" ?.
      • Pourquoi pas lui donner le "look" du reste du site.

      Ben voilà, c’est pas encore bien ça !

      Le CSS utilisé est celui du site "css/cettebase.css"

      Tu veux faire un nouvel album ?

      • Tu crées un article dans n’importe quelle rubrique, tu fais comme dit chez EOST : (mettre les images en documents joints).
      • Tu tapes ton texte et tu mets un lien vers l’album en mettant par exemple : [Les photos de l'album ->http://tonsite.com/album2.php?id_document=numerodocument ] ou "numerodocument" est le numéro du doc de la première photo à afficher .
    •  les CSS

      les couleurs des liens sont dans cettebase.css

      a:link &nbsp; &nbsp; { color: #228b22 }<br />
      a:visited &nbsp; &nbsp; { color: #008080 }<br />
      a:hover &nbsp; &nbsp;{ color: #add8e6; background-color: #eee }

      Et maintenant que vais-je faire ?

    •  les Css. cettebase.css fait double emploi avec le fichier prévu à cet effet : typographie.css .
    •  remettre en marche le calendrier.
    •  peut-être réutiliser les bréves (le fichier html est fait).
    •  dans le bas de page faire un renvoi en haut de page.
    •  refaire une page qui rescence les albums ?
    •  ajouter l’inscription à la mailing-list.
    •  revoir les skelettes imprimer.html
    •  revoir sérieusement les metas, parce que c’est pas génial
    •  créer à la volée des pdf de chaque page.
    •  revoir la page Album faire du css à la place des tableaux.
    •  ...

      "J’ai des questions à te poser". Daniel a parlé : Hughhh !

      Ben vé, c’est en dessous de cette ligne dans le forum....


      Le mieux c’est de télécharger les squelettes,de décompresser et de mettre au premier niveau de ton site:ATTENTION ça va écraser les fichiers de même nom s’ils existent.

      Comme dit, il y a les fichiers de squelettes, 1 répertoire "css", 1 répertoire "images" et ... 1 répertoire "images1", celui là il contient des images un peu moins horribles (quoique green-attitude et pas si mal que ça) au cas ou tu voudrais directement mettre en ligne (il faut alors enlever le répertoire "images" et renommer "images1" en "images")


      j’ai testé en installant un SPIP 1.7 tout neuf et en rajoutant ces fichiers .


      versions

    •  tdt.1.0 , la première.
    •  TdT 1.1.1 , correction d’un os dans sommaire.html , dans la ligne : &lt;BOUCLE_articles_recents(ARTICLES) {doublons} &nbsp;{par date} {inverse} {2,10}&gt; il faut remplacer 2 par 0 sinon il manque 2 articles dans la page sommaire.
    •  TdT 1.1.2 suppression de l’en-tête XHTML

      les fichiers de la distriution se trouvent désormais à l’adresse :http://tdtspip.free.fr/article.php3...


      • qrcode:http://www.jeanmichelvideau.com/?TdT-skelettes-SPIP
        Flasher pour voir cette page "TdT:skelettes SPIP" sur votre mobile (explications)

        6 Messages de forum

        • Tes remarques commencent à me chauffer... !!!

          29 mars 2004 00:46, par karim belkacem

          Désolé, mais tes remarques, commencent serieusement à me chauffer les oreilles, suirtout celles sur le fait que l’auteur d’origine "BlueRobot"ce serait plaint. mais de quoi tu parles, personne ne s’est plaint de quoi que ce soit et surtout Adoc, ou on peut retrouver les squelette original pour SPIP est toujours open, donc je veux bien t’attribué l’origine de tes squelettes, bien que..., mais à te lire tu a reinventais le rond. N’exagère pas a part quelques changements de visuels et surement autres copier / coller sur d’autres sites ça casse pas les briques... M’enfin si ça te rend heureux. MAis je me demande coment ils sont fait sur SPIP / Contrib pour te valider ton article, ils avait surement bien arrosé une contribution à part ça je ne vois pas.

          Voir en ligne : glums.com

          • > Tes remarques commencent à me chauffer... !!! 1er avril 2004 10:50, par jean-michel videau

            Je ne saurais jamais assez de remercier pour tout ton travail de professionnel que tu partages avec les autres . Il n’est pas question de m’attribuer ces squelettes, c’est juste la contribution d’un débutant qui cherche à comprendre (et il y a des bugs) et il est vrai que je n’ai pas changé grand-chose au look (puisque c’était celui qui me plaisait).

            merci aussi de dire que les squelettes originaux de adoc sont toujours en ligne squelettes ADOC.

            m’enfin ces squelettes ne sont plus sur spip-contrib et je n’ai fait que reprendre le texte qui y est associé. C’est pour cela aussi que j’ai décidé de publier TdT et que pour pas faire de bêtise je t’ai envoyé un mail te donnant l’adresse de l’explication sur mon site perso auquel tu a répondu : "Ah oui pas mal, et bien de rien."

            Merci encore.

        • > TdT:skelettes SPIP

          20 avril 2004 14:00, par Richard

          Il est marqué que le site est valide XHTML Strict, ce qui n’est pas vrai (suivre le lien).
          C’est bien de vouloir valider XHTML, mais SPIP n’est pas codé pour (et d’après Antoine, l’un des core-dev de SPIP, ce n’est pas prêt d’arriver), et on peut mettre que le site est AA, mais pas XHTML Strict si ce n’est pas vrai.

          • > TdT:non valide 20 avril 2004 20:15, par jean-michel videau

            Ces débutants c’est terrible !

            c’est pour ça que dans la distrib j’avais mis cette ligne dans un fichier à part.
            Je viens d’ailleurs de voir que sur le site de SPIP c’est la même ligne mais qu’elle est commentée.

            Je vais modifier ici la distrib dans ce sens. en attendant que quelqu’un me donne la ligne qu’on a le droit d’écrire.

            Merci.

        • > TdT:skelettes SPIP

          29 juin 2004 17:28, par sans_pseudo

          Bonjour,
          est ce que c possible que nous explique comment rendre le menu de navigation de droite à gauche...?

          • > TdT:skelettes SPIP 30 juin 2004 00:06, par jean-michel videau

            pas de problème majeur pour ce faire (même si j’ai pas essayé).
            modifier dans cettebase.css les attributs de #main,#content et #Menu
            devrait suffire.
            A bientôt

        © 2002 - 2017  jeanmichelvideau.com
        Site réalisé avec SPIP v 2.1.24
        hébergé par OUVATON hébergement coopératif
        Suivre la vie du site RSS 2.0 | Plan du site