Une arborescence « à la phorum » en css

Un dessin vaut parfois mieux qu’un long discours. Avez-vous envie de pouvoir présenter l’arborescence de vos forums de façon aussi explicite que ceci ?

C’est désormais possible, en utilisant spip, et rien que spip. Dans la perspective d’une émulation complète en spip de phorum, après la rédaction d’un convertisseur permettant des pomper les données des forums sous phorum pour les injecter dans spip, voici le bout de squelette qui permet de générer les fils (threads) de forums.

Trois améliorations notables sont en outre ajoutées par rapport à phorum :

  • Pas une seule ligne de php ne s’exécute à l’affichage : les squelettes spip suffisent entièrement à la tâche et le cache de spip est utilisé à plein, ce qui est loin d’être négligeable vu le nombre conséquent d’appels à la base de données que requiert l’affichage d’un forum.
  • Alors que phorum a massivement recours à des tableaux html pour générer l’affichage des fils, nous n’utilisons pas une seule table : tout est fait en positionnement css, ce qui allège considérablement les pages générées.
  • Corrolaire indirrect du point précédent, là où phorum est incapable de produire un affichage correct des éléments dont la hauteur est supérieure à une ligne, les boucles présentées ici surmontent cet obstacle sans problème.

L’installation, se fait en trois étapes :

1. Téléchargez la feuille de style suivante et appelez-la dans chaque squelette où vous souhaitez utiliser un forum « à la phorum ».

2. Décompressez l’archive suivante et installez son contenu (un répertoire nommé forums) dans le même répertoire que celui où vous avez placé la feuille de style spip-phorum.css (vous devez avoir un repértoire nommé forums contenant les images utilisées par la feuille de style).

3. Enfin, utilisez les boucles suivantes dans les squelettes où vous souhaitez générer des threads « à la phorum ».

<B_forum>
<div id="forum">
<BOUCLE_forum(FORUMS) {id_article} {par date} {inverse} {0,50}>
<div class="forum_thread">
<div class="forum_fond_<BOUCLE_fond1(FORUMS){id_parent}></BOUCLE_fond1>[(#TOTAL_BOUCLE|>{0}|?{suite:simple})]<//B_fond1>">
<div class="forum_init_box_<BOUCLE_suite1(FORUMS){id_parent}></BOUCLE_suite1>[(#TOTAL_BOUCLE|>{0}|?{suite:simple})]<//B_suite1>">
<div id="forum#ID_FORUM" class="titre"><a href="#URL_FORUM">#TITRE</a></div>
<div class="detail">[(#DATE|affdate)][, par (#NOM)]</div>
</div>
</div>
<BOUCLE_enfants(FORUMS) {id_parent} {par date}>
<div class="forum_fond_<BOUCLE_fond2(FORUMS){id_parent=#ID_PARENT}{age_relatif<0}></BOUCLE_fond2>[(#TOTAL_BOUCLE|>{0}|?{suite:simple})]<//B_fond2>">
<div class="forum_<BOUCLE_suite2(FORUMS){id_parent=#ID_PARENT}{age_relatif<0}></BOUCLE_suite2>[(#TOTAL_BOUCLE|>{0}|?{suite:simple})]<//B_suite2>">
<div class="forum_fond_<BOUCLE_fond3(FORUMS){id_parent}></BOUCLE_fond3>[(#TOTAL_BOUCLE|>{0}|?{suite:simple})]<//B_fond3>">
<div class="forum_box_<BOUCLE_suite3(FORUMS){id_parent=#ID_FORUM}></BOUCLE_suite3>[(#TOTAL_BOUCLE|>{0}|?{suite:simple})]<//B_suite3>">
<div id="forum#ID_FORUM" class="titre"><a href="#URL_FORUM">#TITRE</a></div>
<div class="detail">[(#DATE|affdate)][, par (#NOM)]</div>
</div>
</div><BOUCLE_descendance(boucle_enfants)></BOUCLE_descendance>
</div>
</div></BOUCLE_enfants>
</div></BOUCLE_forum>
</div></B_forum>

La présente contrib n’est pas un squelette finalisé de gestion des forums : il ne s’agit que d’une "brique" utile si vous souhaitez produire vous-même vos squelettes de forums. Cela vous permet par exemple de proposer le sommaire d’un long forum (comme sur cette pagesquelette ici).

De plus, les boucles présentées ici demandent un travail complémentaire de finition graphique qui n’y a pas du tout été réalisée.

Discussion

2 discussions

  • Allez, comme je suis pas chien, je vous signale une petite erreur mais qui m’a quand même coûté quelques dizaines de minutes :

    pour bien voir les petits carrés et les petits traits, il faut remplacer dans le code proposé simple:suite par simple, suite

    Merci de ce super petit code qui me fait quand même gagner du temps

    Répondre à ce message

  • 2
    Draikhin

    Bonjour,

    Très chouette ce travail. J’aime beaucoup, depuis le temps que je cherchais.
    Cependant j’aimerai que les titres du fil phorum renvoient vers les contribution du même article et non vers les forum.php3

    J’ai mis l’url article avec le numero forum mais ca me renvoi vers le même titre du fil, he oui.

    Librement,
    Draikhin

    • j’aimerai que les titres du fil phorum renvoient vers les contribution du même article et non vers les forum.php3 J’ai mis l’url article avec le numero forum mais ca me renvoi vers le même titre du fil, he oui.

      Normal, puisque les div qui constituent l’arborescence sont identifiés par le même id que celui que tu appelles (<div id="forum#ID_FORUM"). Il suffit de supprimer les id="forum#ID_FORUM" dans l’arborescence.

      François

    • Draikhin

      Merci. Que suis je beteuh ...
      Ca commence à prendre une forme agréable

      Ca serait bien d’insérer ce travail au squelette Bloog.net non ?

      Librement,
      Olivier

    Répondre à ce message

Ajouter un commentaire

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

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

Dernière modification de cette page le 21 janvier 2007