Voici un tutoriel/guide si vous êtes...
- ...maniaque du rangement, et que vous rêvez de réorganiser les menus de Firefox à votre façon.
- ...farouche opposant à l'utilisation de la couleur bleue sur Internet, et que vous souhaitez faire arborer un magnifique vert foncé à tous les arrière-plans de ce forum.
- ...mais également si vous souhaitez modeler facilement et avec de larges possibilités l'apparence de l'interface de Firefox (barres d'outils, menus, ...) ainsi que de chacune des pages Web affichées.
- dans le fichier userChrome.css pour l'interface :
ou pour avoir la barre personnelle sur plusieurs lignes :Code : Tout sélectionner
/* Masquer les menus désactivés */ menuitem[disabled="true"] { display: none; }
Code : Tout sélectionner
/* Barre perso sur plusieurs lignes (pour Firefox 3) */ #bookmarksBarContent { display:block !important; } .places-toolbar-items { display:block !important; height: 70px !important; overflow-y:auto !important; } #bookmarksBarContent toolbarseparator { display:inline !important; } #bookmarksBarContent .bookmark-item { visibility: visible !important; } .chevron { height: 0px !important; }
⚠ Ce fichier doit impérativement comporter la ligne suivante pour fonctionner correctement :Code : Tout sélectionner
/* Barre perso sur plusieurs lignes (pour Firefox 2) */ #bookmarks-ptf { display: block; } #bookmarks-ptf toolbarseparator { display: inline; }
Code : Tout sélectionner
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
- dans le fichier userContent.css pour le contenu :
ou encore changer la couleur de surlignage :Code : Tout sélectionner
@-moz-document url-prefix(http://forums.mozfr.org) { /* Agrandir les zones de saisie */ textarea { min-width: 75em !important; font-family: monospace !important; } }
Code : Tout sélectionner
/* Changer les couleurs de la sélection dans la page */ ::-moz-selection { color: #D1FFFF !important; background-color: #006699 !important; }
Ces fichiers doivent se trouver dans le dossier chrome du dossier du profil : pour y accéder, passez par le menu "Aide" ou "?" (ou cliquez sur le bouton "Firefox" puis survolez "Aide"), et choisissez "Informations de dépannage". Dans l'onglet ouvert, cliquez sur "Ouvrir le dossier correspondant" (sous Mac OS : "Afficher dans le Finder"). Cliquez sur le dossier "chrome" (ou créez-le), vous y êtes !
Par défaut, les deux fichiers n'existent pas, mais vous trouverez un userChrome-example.css et un userContent-example.css qui contiennent des exemples de codes mis en commentaires (voir l'explication un peu plus haut). Vous pouvez tout simplement les renommer respectivement en userChrome.css et un userContent.css à partir de votre explorateur de fichiers.
(ℹ) : l'extension ChromEdit Plus présentée ci-dessous crée automatiquement les deux fichiers à son premier lancement.
Vous trouverez plus d'informations sur chaque fichier et des centaines de possibilités de personnalisations dans les deux sujets suivants :
- personnaliser Firefox avec le userChrome.css par ottomar
- userContent.css : trucs et astuces par FF_Olivier
Un grand nombre de codes prêts à utiliser est également disponible sur le site userstyles.org. À installer à l'aide de l'extension Stylish présentée ci-dessous, ou en cliquant sur "Show CSS" pour récupérer le code à placer dans le fichier adéquat.