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 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
Discussions par date d’activité
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.
Le style CSS :
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à
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 :
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.
Suivre les commentaires : |