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) :
.graph {
position: relative; /* IE is dumb */
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
}
.graph .bar {
display: block;
position: relative;
background: #B1D632;
text-align: center;
color: #333;
height: 2em;
line-height: 2em;
}
.graph .bar span { position: absolute; left: 1em; }
Ensuite, dans votre squelette (par exemple resume.html ou article.html) placez, dans une boucle article, le code suivant :
[<div class="graph">
<strong class="bar" style="width: #POPULARITE%;">(#POPULARITE)%</strong>
</div>]
Aucune discussion
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 : |