informaticsclubs
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Boîte Avant-Première Star Wars Unlimited ...
Voir le deal

Customiser Firefox

Aller en bas

Customiser  Firefox Empty Customiser Firefox

Message 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  
migau
migau
Administrateur
Administrateur

Messages : 8254
Date d'inscription : 21/10/2016
Localisation : Pays de la Loire
jackpot 9283

https://informaticsclubs.forumactif.com/

les iles et grignote aiment ce message

Revenir en haut Aller en bas

Customiser  Firefox Empty Re: Customiser Firefox

Message 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
migau
migau
Administrateur
Administrateur

Messages : 8254
Date d'inscription : 21/10/2016
Localisation : Pays de la Loire
jackpot 9283

https://informaticsclubs.forumactif.com/

les iles, jaja3 et grignote aiment ce message

Revenir en haut Aller en bas

Customiser  Firefox Empty Re: Customiser Firefox

Message 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
migau
migau
Administrateur
Administrateur

Messages : 8254
Date d'inscription : 21/10/2016
Localisation : Pays de la Loire
jackpot 9283

https://informaticsclubs.forumactif.com/

les iles aime ce message

Revenir en haut Aller en bas

Customiser  Firefox Empty Re: Customiser Firefox

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

-  Sujets similaires


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum