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 | ||
doc:reseau:chromium [23/02/2021 17:15] gtalbot [Comment élargir les barres de défilement de Chromium] |
doc:reseau:chromium [09/06/2022 16:55] (Version actuelle) gtalbot [Comment élargir les barres de défilement de Chromium] |
||
---|---|---|---|
Ligne 31: | Ligne 31: | ||
===== Comment élargir les barres de défilement de Chromium ===== | ===== 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. | + | Il faut d'abord télécharger et installer une extension (aussi \\ |
+ | appelé module additionnel ou complémentaire) pour éditer une \\ | ||
+ | feuille de style utilisateur. | ||
- | J'ai utilisé : | + | J'ai utilisé l'[[https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=fr|extension Stylus version 1.5.25 pour Chrome]] |
- | * [[https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=fr]] - Stylus (beta) 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=clngdbkpkpeebahjckkjfobafhncgmne \\]] | ||
- | et j'ai édité une feuille de style utilisateur comme ceci : | ||
<file css> | <file css> | ||
- | ::-webkit-scrollbar | ||
- | { | ||
- | height: 19px; width: 19px; | ||
- | } | ||
- | ::-webkit-scrollbar-thumb | + | ::-webkit-scrollbar |
- | { | + | { |
- | background-color: gray; | + | height: 24px; |
- | border: green solid 3px; | + | width: 24px; |
- | } | + | } |
+ | |||
+ | ::-webkit-scrollbar-thumb | ||
+ | { | ||
+ | background-color: gray; | ||
+ | border: green solid 4px; | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar-thumb:hover | ||
+ | { | ||
+ | background-color: #999; | ||
+ | border: lime solid 4px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | 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-track | ||
+ | { | ||
+ | background-color: lightgray; | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar-track:hover | ||
+ | { | ||
+ | background-color: gainsboro; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Lors d'un survol du curseur au-dessus de la barre de défilement, | ||
+ | la couleur d'arrière-plan de la barre de défilement va légèrement | ||
+ | changer de couleur (couleur plus pâle, moins sombre). | ||
+ | */ | ||
+ | |||
+ | ::-webkit-scrollbar-corner | ||
+ | { | ||
+ | background-color: beige; | ||
+ | } | ||
+ | |||
+ | ::-webkit-resizer | ||
+ | { | ||
+ | background-image: url("data:image/png;base64,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Lm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDoxZDZiOTlmNi1lMTAzLTRkZWMtOGEzYS0xMjdhNWYxNGNjYmMiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZmM1MWM2OTUtY2U4NS00NDdmLWJjN2ItMDg3NmQ5OGM3YmZjIgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NWRjMWVjZGUtZmEwYS00YTczLTkzOGYtZjFlYmY4ZGM2YmFiIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJMaW51eCIKICAgR0lNUDpUaW1lU3RhbXA9IjE2NDUxOTgwNzg5Mzg3ODUiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4yMiIKICAgZGM6Rm9ybWF0PSJpbWFnZS9wbmciCiAgIHRpZmY6T3JpZW50YXRpb249IjEiCiAgIHhtcDpDcmVhdG9yVG9vbD0iR0lNUCAyLjEwIj4KICAgPGlwdGNFeHQ6TG9jYXRpb25DcmVhdGVkPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6TG9jYXRpb25DcmVhdGVkPgogICA8aXB0Y0V4dDpMb2NhdGlvblNob3duPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6TG9jYXRpb25TaG93bj4KICAgPGlwdGNFeHQ6QXJ0d29ya09yT2JqZWN0PgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6QXJ0d29ya09yT2JqZWN0PgogICA8aXB0Y0V4dDpSZWdpc3RyeUlkPgogICAgPHJkZjpCYWcvPgogICA8L2lwdGNFeHQ6UmVnaXN0cnlJZD4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDVlMGUxNTItMzIxMS00N2U5LWI5M2UtY2NlNzMwNTZlZWFhIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iLTA1OjAwIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU2OGYyYWQ4LWU0N2MtNDcyOC05ZGZhLWYwYTAzNTk4NDg4ZSIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiCiAgICAgIHN0RXZ0OndoZW49Ii0wNTowMCIvPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMzE5YjE5Yi02MGQxLTQwMGItOGYyYi1kM2FhZDU0NTI5YzQiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoTGludXgpIgogICAgICBzdEV2dDp3aGVuPSItMDU6MDAiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzlkNTAyY2MtYjA4OC00MDBiLWExMmItMjI4YjgxZDc0MDA3IgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iLTA1OjAwIi8+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OGM3ZjNkLTcxZWEtNGU1Yi04YzM5LTRiZGI4MjVlMzM3OSIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiCiAgICAgIHN0RXZ0OndoZW49Ii0wNTowMCIvPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5YmZhMmQ2MC1iYWU0LTQzN2UtOGRkNi0xOGE4MGI5MzhjMDUiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoTGludXgpIgogICAgICBzdEV2dDp3aGVuPSItMDU6MDAiLz4KICAgIDwvcmRmOlNlcT4KICAgPC94bXBNTTpIaXN0b3J5PgogICA8cGx1czpJbWFnZVN1cHBsaWVyPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6SW1hZ2VTdXBwbGllcj4KICAgPHBsdXM6SW1hZ2VDcmVhdG9yPgogICAgPHJkZjpTZXEvPgogICA8L3BsdXM6SW1hZ2VDcmVhdG9yPgogICA8cGx1czpDb3B5cmlnaHRPd25lcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkNvcHlyaWdodE93bmVyPgogICA8cGx1czpMaWNlbnNvcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkxpY2Vuc29yPgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+XtxxwAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+YCEg8bOuh/y14AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAoUlEQVRIx2NkoC74j8a/zURDw58wMDBsp6bh6LiHgYFBilaG9zMwMMiSYxgjkS6XpWWwSJJjGDMRhk+gtcvpHiz/sSRdqqWW/4QsoCS1/CfGAkqDhWgLSEkt2NSaUiu1YFNrhiV5Uy1YTEg1vJ8El5tgSSTDNFgmUCFY/tMyWP7js4DSYPmPzwJqBAtOC6gVLDAcCxOciKeCxpb9mYl0CBcAJi7WlMK6PJEAAAAASUVORK5CYII="); | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | webkit-resizer correspond à la poignée de | ||
+ | redimensionnement (en bas à droite) | ||
+ | */ | ||
+ | |||
+ | ::-webkit-scrollbar-button | ||
+ | { | ||
+ | background-color: orange; | ||
+ | border-style: solid; | ||
+ | height: 24px; | ||
+ | width: 24px; | ||
+ | } | ||
+ | |||
+ | /* Flèche haut (défilement fin) */ | ||
+ | ::-webkit-scrollbar-button:vertical:decrement | ||
+ | { | ||
+ | border-color: transparent transparent black transparent; | ||
+ | border-width: 0px 12px 21px 12px; | ||
+ | } | ||
+ | |||
+ | /* Flèche bas (défilement fin) */ | ||
+ | ::-webkit-scrollbar-button:vertical:increment | ||
+ | { | ||
+ | border-color: black transparent transparent transparent; | ||
+ | border-width: 21px 12px 0px 12px; | ||
+ | } | ||
+ | |||
+ | /* Flèche gauche (défilement fin) */ | ||
+ | ::-webkit-scrollbar-button:horizontal:decrement | ||
+ | { | ||
+ | border-color: transparent black transparent transparent; | ||
+ | border-width: 12px 21px 12px 0px; | ||
+ | } | ||
+ | |||
+ | /* Flèche droite (défilement fin) */ | ||
+ | ::-webkit-scrollbar-button:horizontal:increment | ||
+ | { | ||
+ | border-color: transparent transparent transparent black; | ||
+ | border-width: 12px 0px 12px 21px; | ||
+ | } | ||
+ | </file> | ||
- | ::-webkit-scrollbar-thumb:hover | + | et ça réussit pour tous les sites (par défaut, le champ est \\ |
- | { | + | ''S'applique à Tout'') sauf les sites dont l'adresse commence \\ |
- | background-color: silver; | + | par "about:" (par ex.: about:newtab) et par "chrome:". |
- | border: lime solid 3px; | + | |
- | } | + | |
- | /* Lors d'un survol du curseur au-dessus du bouton principal, la bordure | + | Le code CSS ci-haut est élaboré. Il fonctionne sous Chromium \\ |
- | du bouton principal de la barre de défilement et le bouton principal vont | + | version 98, Epiphany version 3.38.2 et Falkon version 3.1.0. \\ |
- | légèrement changer de couleurs (couleurs plus vives, moins sombres). */ | + | Davantage de personnalisation et de stylisation sont possibles. \\ |
+ | **Toutes les couleurs, les effets graphiques lors du survol et \\ | ||
+ | toutes les dimensions (longueur et largeur) sont personnalisables.** | ||
- | ::-webkit-scrollbar-button | + | Voici ce que donne le code ci-haut (à essayer avec Chromium 98 ou |
- | { | + | Epiphany 3.38.2 ou Falkon 3.1.0): |
- | background-color: orange; | + | |
- | border: black solid 3px; | + | |
- | height: 21px; | + | |
- | width: 21px; | + | |
- | }</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:". | + | [[http://www.gtalbot.org/BrowserBugsSection/CSS3Scrollbars/third-test-Chromium.html|http://www.gtalbot.org/BrowserBugsSection/CSS3Scrollbars/third-test-Chromium.html]] |
- | Le code CSS fonctionne sous Chromium 67 jusqu'à Chromium 89. | + | Je suis ouvert à vos suggestions, corrections, améliorations et à vos expérimentations. |
- | Il y a beaucoup de possibilités de personnalisation et de stylisation possibles ici.\\ | + | Vous pouvez me les communiquer dans |
- | 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. | + | [[https://debian-facile.org/viewtopic.php?pid=272447#p272447|Comment élargir les barres de défilement des navigateurs web Firefox 91 et plus et Chromium?]] |
+ | Dernière mise à jour: 9 juin 2022 | ||
===== Installation de Google Chrome ===== | ===== Installation de Google Chrome ===== | ||