L’article sur les graphiques en CSS donne un très bon code CSS pour faire des « barres » graphiques sans perdre l’accessibilité ni introduire trop de code HTML.

Le premier exemple s’adapte très facilement à l’affichage de la popularité d’un article. Il vous suffit de placer le code suivant dans votre feuille de style (par exemple habillage.css) :
Ensuite, dans votre squelette (par exemple resume.html ou article.html) placez, dans une boucle article, le code suivant :



Vos commentaires
# Le 13 février 2006 à 17:06, par neofutur
En réponse à : perfect
1 simple
2 rapide
3 propre
4 efficace
excellent, merci beaucoup pour cette contrib que j’ai immediatement ajoute par defaut dans le squelette CahierSpip
( parfait pour les pages rubriques, plan et résumé )
# Le 23 mai 2007 à 20:43, par Athama
En réponse à : Intégration avec le module artégo de sondage
Vous pouvez voir ici l’intégration de cette contrib CSS dans l’affichage du résultat de sondage avec le module d’Artego : voir à la page d’accueil d’infosimmo.
Répondre à ce message
# Le 16 février 2006 à 14:56, par Bionet
En réponse à : Un graphique de popularité
Très sympatique et super simple, je l’ai couplé avec la contrib qui permet d’afficher les pertinences de recherche (moteur de recheche interne à SPIP).
Mais, car il y a un « mais », cela reste problèmatique lorsqu’on arrive en dessous des 15% car la barre est alors trop petite pour accepter l’écriture « 15% » et cela renvoi le 5 et le % à la ligne.
Si quelqu’un connaît la solution au niveau des CSS pour régler ce problème je serais évidemment preneur.
# Le 18 mars 2007 à 19:38, par pit
En réponse à : besoin d’aide je suis totalement novice en SPIP
Gerald
bonsoir
je n’arrive pas à lancer SPIP en local pour débuter
j’arrive à le télécharger et puis je ne sais pas comment poursuivre
Répondre à ce message
# Le 15 février 2006 à 19:45, par BOUCHONNEAU
En réponse à : Un graphique de popularité
salut
c’est genial et je l’utilise pour mon site
Voir mon site
attention aux crochets [ et ] car je les ai enlevés.
voilà
Répondre à ce message