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édentes Révision précédente
firefox [Le 07/09/2018, 18:47]
Torzivalds
firefox [Le 23/09/2018, 14:58] (Version actuelle)
draco31.fr [Les Thèmes]
Ligne 195: Ligne 195:
 On les retrouve aussi dans le catalogue des Modules Complémentaires,​ et sur le site de Mozilla : [[https://​addons.mozilla.org/​fr/​firefox/​themes/​|Thèmes Firefox]]. On les retrouve aussi dans le catalogue des Modules Complémentaires,​ et sur le site de Mozilla : [[https://​addons.mozilla.org/​fr/​firefox/​themes/​|Thèmes Firefox]].
  
-Il est également possible de modifier de manière plus poussée l'​apparence de l'​interface en éditant un fichier userChrome.css à placer dans ~/​.mozilla/​firefox/​répertoire_du_profil/​chrome/​ (le créer si besoin) . La documentation sur les sélecteurs ​css à utiliser est malheureusement ​inexistante.+Il est également possible de modifier de manière plus poussée l'​apparence de l'​interface en éditant un fichier ​''​userChrome.css'' ​à placer dans ''​~/​.mozilla/​firefox/​répertoire_du_profil/​chrome/​'' ​(le créer si besoin) . La [[https://​developer.mozilla.org/​en-US/​docs/​Mozilla/​Tech/​XUL/​Tutorial/​Modifying_the_Default_Skin|documentation ​(en)]] ​sur les sélecteurs ​CSS à utiliser est malheureusement ​très succincteToutefois on peut trouver la liste des [[https://​developer.mozilla.org/​en-US/​docs/​Web/​CSS/​Reference#​Keyword_index|mot clés CSS (en)]] et des [[https://​developer.mozilla.org/​en-US/​docs/​Web/​CSS/​Mozilla_Extensions|extensions Mozilla (en)]]. 
 + 
 +==== Masquer la barre d'​onglet ==== 
 + 
 +Certaines webextensions permettent d'​utiliser la //​sidebar//​((barre latérale)) pour afficher les onglets verticalement((par exemple : [[https://​addons.mozilla.org/​fr/​firefox/​addon/​tree-style-tab/​|Tree Style Tab]] ou [[https://​addons.mozilla.org/​fr/​firefox/​addon/​tab-center-redux/​|Tab Center Redux]])), comme le navigateur [[Vivaldi]].\\  
 +Cependant, le [[https://​bugzilla.mozilla.org/​show_bug.cgi?​id=1332447|bug #1332447 de Firefox]] ne leur permet pas de masque la barre d'​onglet native, le fichier ''​userChrome.css''​ permet de palier à ce problème((source [[https://​github.com/​eoger/​tabcenter-redux/​wiki/​Custom-CSS-Tweaks#​userchromecss-tweaks|Tabcenter redux : Custom-CSS-Tweaks]])). 
 + 
 +<file css userChrome.css>​ 
 +/* Utiliser la touche ALT pour afficher le barre d'​onglet et de menu */ 
 +#​toolbar-menubar[inactive="​true"​] + #​TabsToolbar { 
 +  visibility: collapse !important;​ 
 +
 + 
 +@-moz-document url(chrome://​browser/​content/​browser.xul) 
 +
 +    tab[pending],​ #​alltabs-popup menuitem[pending] 
 +    { 
 +        opacity: 0.6 !important;​ 
 +    } 
 +
 +</​file>​ 
 + 
 +==== Afficher les séparateur dans les menus (marque-pages) ==== 
 + 
 +Le thème par défaut de Firefox Quantum n'​affiche plus les séparateurs dans le menu déroulant, comme celui d'un dossier dans la barre personnelle des marque pages.\\ 
 +Pour forcer l'​affichage des séparateurs,​ ajouter le code ci-dessous au fichier ''​userChrome.css''​ : 
 + 
 +<file css userChrome.css>​ 
 +/* Rendre les separateurs dans les marques pages visibles */ 
 +@namespace url("​http://​www.mozilla.org/​keymaster/​gatekeeper/​there.is.only.xul"​);​  
 +menuseparator { 
 +  -moz-appearance:​none !important;​ 
 +  margin: 2px 3px; 
 +  background: grey !important;​ 
 +  height: 1px !important;​ 
 +  padding: 0px !important;​ 
 +
 +</​file>​
 ===== Configuration avancée ===== ===== Configuration avancée =====
 On va utiliser fréquemment la page ''​about:​config''​ qui permet de configurer Firefox. On va utiliser fréquemment la page ''​about:​config''​ qui permet de configurer Firefox.
  • firefox.txt
  • Dernière modification: Le 23/09/2018, 14:58
  • par draco31.fr