Le Spiponoscope

Je cherchais à construire un moyen de faire apparaitre tous les rédacteurs sur un article d’un site, et au fur et à mesure de recherches, de demandes sur la liste, je remercie Jacques J. denisb, et André Vincent qui m’ont permis d’aboutir à ça, Le Spiponoscope.

Je ne suis pas en capacité de créer un plugin, mais vu la demande régulière de création de trombinoscope, je pense que ça peut être utile.

Il existe désormais un plugin

Il faut d’abord créer un fichier html nommé auteurstous.html et classé dans squelettes/modèles/auteurstous, après avoir obtenu toute l’aide possible

Dans ce fichier le code suivant :

<B_auteurs_tous>
<ul>
<BOUCLE_auteurs_tous(AUTEURS){tous}>
<lia[(#COMPTEUR_BOUCLE|alterner{' class="first"','', ''})]>
   <h1 class="#EDIT{qui} fn"><a href="#URL_AUTEUR">#NOM</a></h1>
   [(#LOGO_AUTEUR||image_reduire{80,80})]
   [<div class="#EDIT{bio} texte note">(#BIO)</div>]
</lia>
</BOUCLE_auteurs_tous>
</ul>
</B_auteurs_tous>
<br class="nettoyeur" />

Un bout de css

.auteurtous .auteur {
  list-style-type: none;
  float: left;
  width: 30%;
}
.auteurtous .auteur.first {
  clear: left;
}
.auteurtous{overflow:auto;overflow-y:hidden}

.

Et dans votre article, à l’endroit ou vous le souhaitez, il faut mettre,

<auteurstous|>

Merci à Françoise et à Davux.

Après quelques essais, chacun arrangera à son goût le centrage, la dimension des photos et tout le reste.

J’espère cette contribution utile.

Spipement votre

Discussion

14 discussions

  • Je te propose l’amélioration suivante. J’ai gardé autant que possible ton code à l’intérieur des fiches des auteurs, j’ai juste changé la structure de la liste.

    <B_auteurs_tous>
    <ul>
    <BOUCLE_auteurs_tous(AUTEURS){tous}>
    <li[(#COMPTEUR_BOUCLE|alterner{' class="first"','', ''})]>
        <h1 class="#EDIT{qui} fn"><a href="#URL_AUTEUR">#NOM</a></h1>
        [(#LOGO_AUTEUR||image_reduire{80,80})]
        [<div class="#EDIT{bio} texte note">(#BIO)</div>]
    </li>
    </BOUCLE_auteurs_tous>
    </ul>
    </B_auteurs_tous>

    Le style CSS :

    li {
        list-style-type: none;
        float: left;
        width: 30%;
    }
    li.first {
        clear: left;
    }

    Les différences avec le code que tu proposes :
    -  Pas du tout de « tr » : juste une balise « ul » pour la liste, avec des « li » pour chaque élément.
    -  la balise « a » que tu avais oublié de fermer.
    -  pas de « hr » (quel intérêt ?).

    J’ai mis une largeur de 30% pour les éléments de la liste, pour que ça rentre sur la page, mais c’est possible de changer cette largeur suivant l’espacement que tu veux entre les éléments, par exemple.

    Vu qu’on veut 3 colonnes, le filtre « alterner » alterne sur 3 éléments, mais il suffit d’en rajouter ou enlever pour changer le nombre de colonnes (ne pas oublier d’adapter le « width » de la CSS, du coup).

    Et bien sûr, le code CSS ici est minimaliste, si on veut quelque chose de plus sexy on peut rajouter des bordures, des couleurs et tout le tralala.

    Répondre à ce message

  • Bonjour Davux,
    J’ai suivi ton conseil et voilà

    <B_auteur_tous>
    <ul>
    <BOUCLE_auteur_tous(AUTEURS){tous}>[
    (#COMPTEUR_BOUCLE|alterner{'<tr>',''})]
           <li width=33%"> <a href="#URL_AUTEUR"><h1 class="#EDIT{qui} fn">#NOM</h1>[(#LOGO_AUTEUR||image_reduire{80,80})]
           [<div class="#EDIT{bio} texte note">(#BIO)</div>]   </li>[
    (#COMPTEUR_BOUCLE|alterner{'','</tr>'})
    ]
    </BOUCLE_auteur_tous>
    [(#TOTAL_BOUCLE|alterner{
       '<li></li><li></li><li></li></li>','<li></li></tr>', ''})]
    </ul>
    </B_auteur_tous>

    Mais j’aurais aimé que les auteurs viennent sur trois colonnes surtout quand il commence à y avoir du monde.
    Qu’en penses-tu dois-je modifier ma contrib dans ce sens ?
    Merci de tes conseils

    Répondre à ce message

  • Bonjour,

    Il m’a été conseillé d’utiliser du css effectivement, mais je suis désolé d’avouer qu’en la matière je suis limité, il est clair que je vais essayer d’améliorer, ce que je souhaite, c’est que personne n’hésite à proposer quelque chose de mieux, pourquoi pas un plugin, je pense que nombreux seront preneur.

    Merci pour ton avis
    @+

    Répondre à ce message

  • Très bonne idée, en revanche l’utilisation d’un tableau n’est pas une très bonne idée, car il ne s’agit pas d’une information tabulaire : c’est simplement une liste.

    Désolé de ne pas poster un remplacement complet, mais il faudrait utiliser un élément « ul » au lieu de « table », et des « li » au lieu de « td ». Ensuite la disposition visuelle des éléments peut se faire par le biais de quelques définitions CSS (jouer sur "float : left" et "width", je dirais).

    En plus d’un contenu beaucoup plus "parlant" au niveau sémantique, ça permettrait beaucoup plus de souplesse en termes de personnalisation graphique, et d’autant plus si l’idée est de distribuer cette contrib sous forme de plugin.

    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