Customiser Firefox

par **migau** Sam 15 Oct - 12:12

Tutoriel

Posté le:

dimanche 16 octobre 2022

Modifier les icônes des marque-pages Firefox

Avant de commencer

Créer des icônes en 16x16 pixels avec l'extension png
donner un nom à ces Icônes sous cette forme

Code:: FF_Icone_nom de l'icone.png

ces icônes doivent être stockées dans le dossier chrome de votre profiles Firefox

Pour rejoindre le dossier Profiles de Firefox, taper cette ligne de chemin dans l'explorateur de fichier

Code:: %APPDATA%\Mozilla\Firefox\Profiles\

Créer également un fichier css dans le dossier chrome du Profiles Firefox du nom de

Code:: userChrome.css

Ne pas oublier aussi de modifier la clé dans Firefox
Outils
paramètres
About:Config
accepter le risque

la clé à modifier

Code:: toolkit.legacyUserProfileCustomizations.stylesheets

la passer à True

mes lignes de scripts à modifier chez vous en fonction du nom des labels et du nom de vos icônes

Code:: .bookmark-item[container="true"][label="Sante"] { list-style-image: url('FF_Icone_Caducee.png') !important; } .bookmark-item[container="true"][label="Gmail"] { list-style-image: url('FF_Icone_Gmail.png') !important; } .bookmark-item[container="true"][label="Free"] { list-style-image: url('FF_Icone_Free.png') !important; } .bookmark-item[container="true"][label="Administration"] { list-style-image: url('FF_Icone_AD.png') !important; } .bookmark-item[container="true"][label="Loffice"] { list-style-image: url('FF_Icone_Loffice.png') !important; } .bookmark-item[container="true"][label="Divers"] { list-style-image: url('FF_Icone_Divers.png') !important; }

La suite en vidéo

par **migau** Ven 23 Déc - 16:57

Si vous voulez customiser Firefox, vous trouverez ci-joint
mon fichier UserChrome.css

Aidez-vous de la vidéo précédente pour faire les modifications du fichier *.Css

Code:: /* about:config ==> toolkit.legacyUserProfileCustomizations.stylesheets ==> true */ /* C:\Users\migau\AppData\Roaming\Mozilla\Firefox\Profiles\bisez1k9.default-release\chrome */ /* %APPDATA%\Mozilla\Firefox\Profiles\ */ /** Pour les les dossiers Marque-pages **/ /**Coller browser.proton.contextmenus.enabled dans la recherche. /**Coller browser.proton.enabled dans la recherche. /* NON ! Conserver browser.proton.enabled ==> FALSE SINON plus de case à cocher dans Vie privée */ /* ICONES des dossiers Marque-pages .bookmark-item[container="true"][label="Util"] { list-style-image: url('FF_Icone_Caducee.png') !important; } */ .bookmark-item[container="true"][label="Sante"] { list-style-image: url('FF_Icone_Caducee.png') !important; } .bookmark-item[container="true"][label="Gmail"] { list-style-image: url('FF_Icone_Gmail.png') !important; } .bookmark-item[container="true"][label="Free"] { list-style-image: url('FF_Icone_Free.png') !important; } .bookmark-item[container="true"][label="Administration"] { list-style-image: url('FF_Icone_AD.png') !important; } .bookmark-item[container="true"][label="Loffice"] { list-style-image: url('FF_Icone_Loffice.png') !important; } .bookmark-item[container="true"][label="Divers"] { list-style-image: url('FF_Icone_Divers.png') !important; } .bookmark-item[container="true"][label="Telechargements"] { list-style-image: url('FF_Icone_Telechargement.png') !important; } .bookmark-item[container="true"][label="Maj"] { list-style-image: url('FF_Icone_maj.png') !important; } /*==== couleur fond de tous les dossiers des marque-pages" ====*/ [container="true"] { background-color: #a5ad8c !important; } /* ==== changement de couleur au survol des dossiers des marque-pages ====*/ [container="true"]:hover { background-color: #8f9870 !important; } /*==== couleur de fond d'un seul dossier "Word_Tutos" des marque-pages ====*/ [container="true"][label="Word_Tutos"] { background: #fce94f !important; } /* Couleur de fond de la barre personnelle */ #personal-bookmarks {background-color: #ffa !important} /* Couleur de fond de la barre d'onglets */ #TabsToolbar {background-color: #a5adb8 !important} /*couleur de la barre d'adresse*/ #urlbar-background {background: #CFC !important;} /* set default namespace to XUL */ toolbar {background-color: #FBC0B3 !important;} /* changer la couleur de la barre de recherche */ .searchbar-textbox { background-color: aqua !important; } /* bouton de rechercher firefox input,button,textarea,select,option { color: #cfc ! important; background-color: white ! important; } */ /*-- Cacher les icônes de la barre personnelle .bookmark-item > .toolbarbutton-icon { display: none !important; } ----*/ /* changer la couleur des croix de fermeture des onglets */ .tab-close-button { color: red !important; background-color: yellow !important; } /* changer les couleurs du bouton Ouvrir un nouvel onglet */ #tabs-newtab-button { color: blue !important; background-color: #D2CAEC !important; } /* Changer la taille+couleur du menu Fichier|Édition -------*/ #main-menubar > * { font-size: 18px; color: black ; font-weight: bold !important; } /* remettre l'arrondi des onglets */ .tab-background { border-radius: 8px 8px 0px 0px !important; border-image: none !important; } /* Couleurs police de l'onglet actif (noir) */ #TabsToolbar .tabbrowser-tab[selected] .tab-content { background-color: #f1d6cf !important; color: black !important; font-weight: bold !important; font-style: normal !important; font-size: 12px !important; }

Vous pouvez modifier les couleurs à votre guise.
Il est possible aussi de supprimer les icônes devant le nom des sites pour aérer la barre personnelle.

Customiser Firefox OhY2CtY

par **migau** Sam 24 Déc - 11:51

Fichier Userchrome.css modifié pour Firefox.
amélioration visuelle pour des yeux fatigués.

Vous pouvez utiliser ce code *.css et faire vos modifications, il est offert gratuitement par le forum

par Contenu sponsorisé

Customiser Firefox

Customiser Firefox

Re: Customiser Firefox

Re: Customiser Firefox

Re: Customiser Firefox