Vous n'êtes pas identifié(e).
L'icône rouge permet de télécharger chaque page du wiki visitée au format PDF et la grise au format ODT →
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révision Les deux révisions suivantes | ||
doc:reseau:chromium [27/11/2018 09:30] deuchdeb ajouté: Comment élargir les barres de défilement de Chromium |
doc:reseau:chromium [23/02/2021 17:22] gtalbot [Comment élargir les barres de défilement de Chromium] |
||
---|---|---|---|
Ligne 34: | Ligne 34: | ||
J'ai utilisé : | J'ai utilisé : | ||
- | * [[https://chrome.google.com/webstore/search/stylus%20beta?hl=fr]] - Stylus (beta) version 1.4.16 | + | * [[https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=fr]] Stylus version 1.5.15 |
+ | |||
+ | ou alors, dans la barre d'adresse de Chromium, on édite: | ||
+ | [[chrome://extensions/?id=clngdbkpkpeebahjckkjfobafhncgmne]] | ||
+ | et j'ai édité une feuille de style utilisateur comme ceci: | ||
- | ou alors, dans la barre d'adresse de Chromium, on édite : | ||
- | [[chrome://extensions/?id=apmmpaebfobifelkijhaljbmpcgbjbdo \\]] | ||
- | et j'ai édité une feuille de style utilisateur (ébauche rapide, sans finesse) comme ceci : | ||
<file css> | <file css> | ||
- | ::-webkit-scrollbar { height: 19px; width: 19px; } | + | ::-webkit-scrollbar |
+ | { | ||
+ | height: 21px; width: 21px; | ||
+ | } | ||
- | ::-webkit-scrollbar-thumb { background-color: gray; } | + | ::-webkit-scrollbar-thumb |
+ | { | ||
+ | background-color: gray; | ||
+ | border: green solid 3px; | ||
+ | } | ||
- | ::-webkit-scrollbar-button { background-color: black; height: 21px; }</file> | + | ::-webkit-scrollbar-thumb:hover |
+ | { | ||
+ | background-color: silver; | ||
+ | border: lime solid 3px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Lors d'un survol du curseur au-dessus du bouton principal, la | ||
+ | bordure du bouton principal de la barre de défilement et le bouton | ||
+ | principal vont légèrement changer de couleurs (couleurs plus vives, | ||
+ | moins sombres). | ||
+ | */ | ||
+ | |||
+ | ::-webkit-scrollbar-button | ||
+ | { | ||
+ | background-color: orange; | ||
+ | border: black solid 3px; | ||
+ | height: 24px; | ||
+ | width: 24px; | ||
+ | }</file> | ||
et ça réussit pour tous les sites (à ''S'applique à (URL)'', à droite, il faut laisser le champ texte vide) sauf les sites dont l'adresse commence par "about:" (par ex.: about:newtab) et par "chrome:". | et ça réussit pour tous les sites (à ''S'applique à (URL)'', à droite, il faut laisser le champ texte vide) sauf les sites dont l'adresse commence par "about:" (par ex.: about:newtab) et par "chrome:". | ||
- | Le code CSS ci-haut est rudimentaire. Il fonctionne sous Chromium 67. | + | Le code CSS fonctionne sous Chromium 67 jusqu'à Chromium 89. |
+ | |||
+ | Il y a beaucoup de possibilités de personnalisation et de stylisation possibles ici. | ||
+ | Je ne sais pas exactement ce que les autres propriétés font: | ||
- | Il y a beaucoup de possibilités de personnalisation et de stylisation possibles ici.\\ | ||
- | Je ne sais pas exactement ce que les autres propriétés font : | ||
* ::-webkit-scrollbar-track , | * ::-webkit-scrollbar-track , | ||
* ::-webkit-scrollbar-track-piece , | * ::-webkit-scrollbar-track-piece , | ||
* ::-webkit-scrollbar-corner , | * ::-webkit-scrollbar-corner , | ||
- | * ::-webkit-resizer) | + | * ::-webkit-resizer |
ou comment les configurer ou personnaliser. :-) | ou comment les configurer ou personnaliser. :-) | ||