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 [30/04/2018 11:03] Philou92 [Installation de Chromium] |
doc:reseau:chromium [23/02/2021 17:32] gtalbot [Comment élargir les barres de défilement de Chromium] |
||
---|---|---|---|
Ligne 28: | Ligne 28: | ||
- Redémarrer le navigateur | - Redémarrer le navigateur | ||
- Et enfin caster... | - Et enfin caster... | ||
+ | |||
+ | ===== Comment élargir les barres de défilement de Chromium ===== | ||
+ | |||
+ | Il faut d'abord télécharger et installer une extension pour permettre d'éditer une feuille de style utilisateur. | ||
+ | |||
+ | J'ai utilisé: | ||
+ | * [[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: | ||
+ | |||
+ | <file css> | ||
+ | ::-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> | ||
+ | |||
+ | 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:". | ||
+ | |||
+ | Le code CSS ci-haut fonctionne sous Chromium depuis la version 67. | ||
+ | |||
+ | 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. :-) | ||
+ | |||
+ | Si vous avez des idées là-dessus, alors ça m'intéresse de les connaître. | ||
+ | |||
===== Installation de Google Chrome ===== | ===== Installation de Google Chrome ===== | ||