Outils pour utilisateurs

Outils du site


firefox-personnalisation

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
firefox-personnalisation [2021/06/05 13:06] manufirefox-personnalisation [2022/10/08 16:24] (Version actuelle) – [Modifier Firefox en CSS] manu
Ligne 1: Ligne 1:
 ====== Personnalisation graphique de Firefox ====== ====== Personnalisation graphique de Firefox ======
  
-Firefox est très personnalisable, et j'en profite afin de donner la meilleure expérience utilisateur. Ce tutoriel est basé sur la version <key>89</key> de Firefox pour __ordinateur de bureau__.+Firefox est très personnalisable, et j'en profite afin de donner la meilleure expérience utilisateur. Ce tutoriel est basé sur la version <key>100</key> de Firefox pour __ordinateur de bureau__.
  
-Voici Firefox avant ma personnalisation (Captures d'écran de Firefox v89 sous Linux Mint Mate 20) : +Voici Firefox avant ma personnalisation (Captures d'écran de Firefox v93 sous Linux Mint Mate 20.1) : 
-{{ :ff-base.png?direct&600 |}}+{{ :ff-1.png?direct&600 |}}
  
-J'ouvre le « Menu » (le menu hamburger ☰), puis « Outils supplémentaires » et puis « Personnaliser la barre d'outils ». Et à partir d'ici je personnalise l'interface comme je la veut +J'ouvre le « Menu » (le menu hamburger ☰), puis « Outils supplémentaires » et puis « Personnaliser la barre d'outils ». Et à partir d'ici je personnalise l'interface comme je la veux 
-{{ :ff-perso-2.png?direct&600 |}}+{{ :ff-2.png?direct&600 |}}
  
 Ensuite, je valide, puis je continue : Ensuite, je valide, puis je continue :
Ligne 14: Ligne 14:
  
 Et ça donne une interface très épurée : Et ça donne une interface très épurée :
-{{ :ff-final.png?direct&600 |}}+{{ :ff-3.png?direct&600 |}}
  
 <note tip>Pour certaines personnes pas très à l'aise avec l'informatique, j'ai remarqué qu'en fait il vaut mieux leur laisser la possibilité d'avoir une barre d'adresse, __et__ une barre de recherche par mot-clés. Il vaut aussi mieux leur laisser la barre de titre, ce qui permet à Firefox de plus ressembler aux autres logiciels, pour les personnes ayant du mal avec le système de fenêtres.</note> <note tip>Pour certaines personnes pas très à l'aise avec l'informatique, j'ai remarqué qu'en fait il vaut mieux leur laisser la possibilité d'avoir une barre d'adresse, __et__ une barre de recherche par mot-clés. Il vaut aussi mieux leur laisser la barre de titre, ce qui permet à Firefox de plus ressembler aux autres logiciels, pour les personnes ayant du mal avec le système de fenêtres.</note>
Ligne 20: Ligne 20:
 ===== Personnalisation avancée ===== ===== Personnalisation avancée =====
  
-Depuis la version 89 la barre des onglets a grossi et les onglets deviennent « flottants ». Certaines personnes n'aiment pas (ça prend trop d'espace à l'écran) ou c'est moins visible qu'avant, voici donc deux propositions __différentes__ pour ajuster ça. +==== Diminuer la taille des onglets ==== 
-Il faut aller dans la page ''about:config'' pour régler ces paramètres. (voici une explication du fonctionnement de cette page de configuration avancée (FIXME)+ 
 +Depuis la version 89 la barre des onglets a grossit et les onglets deviennent « flottants ». Certaines personnes n'aiment pas (ça prend trop d'espace à l'écran) ou c'est moins visible qu'avant, voici donc <del>deux</del> une (il n'y en a plus qu'une de fonctionnelle depuis) proposition pour ajuster ça. 
 +Cette solution permet de réduire la taille des onglets et de la barre supérieure, en passant en mode « compact ». Malheureusement, l'option « compact » a disparu elle aussi de l'interface graphique, et n'est disponible que dans les paramètres avancés…
 J'ai écrit un article de blog au sujet de cette nouvelle interface, baptisée « Proton » : https://saimyx.fr/blog/2021/06/02/firefox-proton.html J'ai écrit un article de blog au sujet de cette nouvelle interface, baptisée « Proton » : https://saimyx.fr/blog/2021/06/02/firefox-proton.html
  
-==== Garder l'ancienne interface ==== +Il faut aller dans la page ''about:config'' (voici une explication du fonctionnement de cette page de configuration avancée (FIXME) et mettre la clé ''browser.uidensity'' à la valeur **1** pour que la barre de titre retrouve sa taille d'avant et que les onglets diminuent de taille. Vous gardez les nouvelles icônes, couleurs et formes de la nouvelle interface. Voici le résultat : 
-Mettez la clé ''browser.proton.enabled'' à la valeur **false** pour désactiver la nouvelle interface complètement. Voici le résultat : +{{ :ff-4.png?direct&600 |}} 
-{{ :ff-avance-1.png?direct&600 |}}+ 
 +<note tip>Si vous mettez la valeur ''2'' vous aurez activé le mode « tactile », qui est aussi disponible depuis l'interface graphique.</note> 
 + 
 +J'ai découvert ces astuces sur la Fédiverse : https://framapiaf.org/@Drulac/106068983879175317 
 + 
 +==== Autres ==== 
 + 
 +D'autres petites personnalisations à faire dans la page ''about:config''
 +^ Configuration voulue ^ Manipulation à faire ^ Clé ^ 
 +|Changer le type de soulignement|**Créer** la clé de type ''nombre''. Je l'ai mise à **1** personnellement.|''ui.SpellCheckerUnderlineStyle''
 +|Activer la personnalisation CSS|Passer la clé à **true**|''toolkit.legacyUserProfileCustomizations.stylesheets''
 + 
 + 
 + 
 +==== Modifier Firefox en CSS ==== 
 + 
 +Firefox est le meilleur navigateur Web notamment parce qu'on peut personnaliser son interface en CSS ❤ 
 + 
 +Pour ça, il faut créer un fichier ''userChrome.css'' dans le répertoire ''chrome'' placé à la racine du répertoire de votre //profil// actuel et activer une clé (chapitre précédent). 
 + 
 +=== Remettre le cadenas 🔒 de l'HTTPS en vert (Nouvelle méthode) === 
 +<code> 
 +/* Ajoute la couleur verte au cadenas sur la version de Firefox 100 */ 
 +#identity-icon { 
 +    fill: #00ff00 !important; 
 +
 +</code> 
  
-==== Réduire la taille des onglets ==== +J'ai trouvé certaines astuces ici : 
-Mettez la clé ''browser.uidensity'' à la valeur **1** pour que la barre de titre retrouve sa taille d'avant et que les onglets diminuent de tailleVous gardez les nouvelles icônes, couleurs et formes de la nouvelle interfaceVoici le résultat : +  https://mastodon.jfmblinux.fr/@jfmblinux/108306812264032481 
-{{ :ff-avance-2.png?direct&600 |}}+  * https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/
  
-----+===== Autres pages sur Firefox sur ce wiki =====
  
-[[firefox| Ma page wiki de configuration Firefox]]+  * [[firefox|Page sur Firefox]] 
 +  * [[extensions-firefox-base|Les extensions de Firefox (liste basique)]] 
 +  * [[extensions-firefox|Les extensions de Firefox (liste complète)]]
firefox-personnalisation.1622891201.txt.gz · Dernière modification : 2021/06/05 13:06 de manu