Debian
Debian-France
Debian-Facile
Debian-fr.org
Forum-Debian.fr
Debian ?
Communautés
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:32] gtalbot [Comment élargir les barres de défilement de Chromium] |
||
|---|---|---|---|
| Ligne 33: | Ligne 33: | ||
| Il faut d'abord télécharger et installer une extension pour permettre d'éditer une feuille de style utilisateur. | Il faut d'abord télécharger et installer une extension pour permettre d'éditer une feuille de style utilisateur. | ||
| - | 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]] | ||
| + | |||
| + | 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; | ||
| + | border: green solid 3px; | ||
| + | } | ||
| + | |||
| + | ::-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> | ||
| - | ::-webkit-scrollbar-thumb { background-color: gray; } | + | et ça réussit pour tous les sites (par défaut, le champ est ''S'applique à Tout'') sauf les sites dont l'adresse commence par "about:" (par ex.: about:newtab) et par "chrome:". |
| - | ::-webkit-scrollbar-button { background-color: black; height: 21px; }</file> | + | Le code CSS ci-haut fonctionne sous Chromium depuis la version 67. |
| - | 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:". | + | 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: | ||
| - | Le code CSS ci-haut est rudimentaire. Il fonctionne sous Chromium 67. | + | * ::-webkit-scrollbar-track |
| + | * ::-webkit-scrollbar-track-piece | ||
| + | * ::-webkit-scrollbar-corner | ||
| + | * ::-webkit-resizer | ||
| - | 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-piece , | ||
| - | * ::-webkit-scrollbar-corner , | ||
| - | * ::-webkit-resizer) | ||
| ou comment les configurer ou personnaliser. :-) | ou comment les configurer ou personnaliser. :-) | ||
