Un nouveau petit plugin, vu que ça faisait longtemps que j’en avais pas codé un, qui permet d’afficher une barre de progression horizontale pendant le défilement de la page. En gros c’est comme les ascenseurs verticaux, sauf que ces derniers, gérés par le système d’exploitation, sont souvent masqués au bout de quelques secondes et du coup on ne sait plus trop où on en est de sa lecture.
Il se configure côté paramètres du blog, dans la partie « Paramètres des plugins pour ce blog » sur les installations récentes, sinon c’est quelque part dans cette page et vous permet :
- D’activer le plugin pour le blog
- De définir la position, haute par défaut, ou basse, de la barre
- D’en choisir la couleur
- D’ajouter une ombre
- De n’afficher cette barre que pour les contextes d’entrée seule, billet et page donc.
Voilà, un peu de mélange de PHP, de javascript, de CSS 3 et d’HTML 5 et hop \o/
Enjoy!
Ce billet servira de support pour cette version du plugin.
1 De Tomek -
Hey, cool ! Une idée comme ça : y ajouter la possibilité d’indiquer le temps approximatif de lecture avec le tag supplémentaire kivabien ? Mais ça n’a peut-être pas grand chose à voir en implémentation (basé sur la taille de la page ou le nombre de mots ?).
2 De Franck -
Euh Tomek tu sais que j’ai déjà codé un plugin qui fournit l’info (temps approximatif de lecture) ?
3 De Franck -
Jette un œil côté WordCount, qui intègre un widget qui affiche l’info en question ;-)
4 De Tomek -
Arf, quelle truffe je fais… *part se planquer…*
5 De Tomek -
Bon, sinon testé (sur mon blog de test) et adopté.
6 De i_love_dc -
Hello Franck.
Merci pour ce plugin.
J’ai testé en local et inline, mais ca ne fonctionne pas.
on dirait qu’il y a un soucit avec le chemin renseigné du .css ainsi que du .js
Lorsque je scrute mon code source, dans l’URL renseignée “le nom de domaine” est manquant.
Du coup page blanche lorsque je clic sur l’url (donc les script ne sont pas chargés.
7 De i_love_dc -
Un début de piste !!
{{?pf=hscroll/js/cssvar.js
/?pf=hscroll/css/hscroll.css}}
Qui devraient être :
@@?pf=hScroll/js/cssvar.js
/?pf=hScroll/css/hscroll.css@@
avec un S (majuscule).
8 De Domahom -
Mais ça rend #dotclear encore plus trop bioutifoul ❤️