Améliorer la lisibilité de ADOC pour les administrateurs

En attendant la mise à jour d’ADOC qui le rendra plus lisible, les administrateurs peuvent suivre ce tutoriel

Pour Google Chrome

Un niveau de technicité intermédiaire en informatique est nécessaire pour dérouler cette procédure.

Cette procédure à dérouler sous Google Chrome, permettra d’améliorer l’affichage d’ADOC uniquement sous Google Chrome. Pour les utilisateurs de Mozilla Firefox, veuillez vous référer à la deuxième partie de l’article.

ETAPE 1 : aller dans le chrome webstore en tappant dans la barre d’adresse de Google Chrome :

https://chrome.google.com/webstore/

ETAPE 2 : rechercher dans le chrome web store le module “stylebot”

ETAPE 3 : cliquer sur “AJOUTER A CHROME”

ETAPE 4 : Cliquer sur “Ajouter l’extension”

ETAPE 5 : l’installation de l’extension est terminée lorsque cette popup apparaît. Je clique sur la croix pour fermer cette popup.

ETAPE 6 : une nouvelle icône “CSS” est apparue, il faut cliquer dessus pour faire apparaître un nouveau menu.

ETAPE 7 : Je clique sur “Option”

ETAPE 8 : une nouvelle page apparaît, et je clique sur “Backup”

ETAPE 9 : je clique sur “Import Styles…”

ETAPE 10 : je copie ce texte dans mon presse papier (sélectionner tout le texte, puis raccourci clavier CTRL+C)

{
 "adoc.app.fft.fr":{
 "_enabled":true,
 "_rules":{
 "li.submenu span":{
 "color":"#000000"
 },
 "#fft-breadcrumb li":{
 "color":"#000000"
 },
 "p.fft-form-line label":{
 "color":"black"
 },
 "ul.fft-form-line.fft-form-line-list li label":{
 "color":"black"
 },
 "#fft-tabs li a":{
 "color":"black"
 },
 "a.home-box strong":{
 "color":"black"
 },
 "ul li a":{
 "color":"black"
 },
 "tr.odd td":{
 "color":"black"
 },
 "tr.even td":{
 "color":"black"
 },
 "div.pagebanner":{
 "color":"black"
 },
 "div.donnee":{
 "border-style":"solid",
 "border-color":"black"
 },
 "div.vide":{
 "border-style":"solid",
 "border-color":"black"
 },
 "#heures div":{
 "border-style":"solid",
 "border-color":"black"
 },
 "div.donnee.dispo.cliquable.nonregle.context-menu":{
 "background-color":"#7cc481"
 },
 "li.submenu li:hover":{
 "background-color":"#7cc481"
 },
 "div.enteteCourtJour":{
 "border-color":"black"
 },
 "p.fft-form-line input":{
 "color":"black"
 }
 }
 }
}

ETAPE 11 : je colle le contenu ici (raccourci clavier CTRL+V), et je clique sur le bouton “Import” en bas à droite.

C’est terminé, je peux me rendre sur ADOC et constater les améliorations de styles.

NB : Il n’est pas nécessaire d’appliquer cette procédure à chaque fois. Tant que l’extension chrome “Stylebot (icône CSS)” est installée dans chrome et active, alors ADOC sera affichée sur ce PC avec les améliorations de styles.

Pour Firefox

Un niveau de technicité basique en informatique est nécessaire pour dérouler cette procédure.

Cette procédure est dédiée aux utilisateurs de Mozilla Firefox. Toute la procédure se déroule dans le navigateur, et vous permettra d’améliorer l’affichage d’ADOC sous Mozilla Firefox. Pour les utilisateurs de Google Chrome, veuillez suivre la procédure au début de cette page.

ETAPE 1 : Dans la barre d’adresse de Mozilla firefox, je tappe : https://userstyles.org/styles/163621/adoc 

ETAPE 2 : Cliquer sur le bouton “Install with Stylish”

ETAPE 3 : Cliquer sur le bouton “Autoriser” dans la pop-up “userstyles.org”

ETAPE 4 : Cliquer sur le bouton “Ajouter” dans la pop-up “Ajouter Stylish – Thèmes personnalisés pour sites Web ?”

ETAPE 5 : Je ferme la pop-up en cliquant sur “OK”

ETAPE 6 : nous vous conseillons de laisser tout désactiver et de ne rien toucher à ces interrupteurs

ETAPE 7 : Cliquer sur le bouton “Next”

VOILA, c’est terminé, vous pouvez fermer les onglets qui vous gênent et aller sur adoc pour voir les changements visuels.