Magazine Internet

[Firefox] Personaliser encore plus Firefox avec UserChrome

Publié le 16 février 2009 par Lebaronnoir

Aujourd’hui j’ai envie de vous faire découvrir une petit subtilité de Firefox, il s’agit de UserChrome. Si vous ne savez pas ce que c’est je vais faire une rapide description. UserChrome est un fichier css et par conséquent permet de modifier à souhait Firefox. Ce fichier est disponible sur à cette adresse :

[WindowsXP] C:\Documents and Settings\<username>\ Application Data\Mozilla\Firefox\Profiles\Chrome

[Windows Vista] - C:\Users\<username>\AppData\Roaming\Mozilla\Firefox\Profiles\<some_profile>\chrome

Dans ce dossier vous allez avoir un fichier qui porte le nom de userChrome-example.css, pour modifier Firefox il suffit de renommer ce fichier en userChrome.css. Puis ouvrez-le avec Notepad++ par exemple pour l’éditer et faire les modifications. Je vous propose quelques modifications qui sont sympa à faire :

Attention avant de faire des modifications à ne pas supprimer la ligne suivante :

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

Supprimer le menu Edition et ? dans la barre de navigation :

#helpMenu, #edit-menu { display: none !important; }

Note : Vous pouvez supprimer d’autres menu en remplaçant juste helpMenu par celui que vous voulez…

Supprimer le bouton “Revenir en arrière” lorsque son utilisation n’est pas possible :

#back-button[disabled="true"] { display: none; }

Note : Le bouton réapparait lorsque c’est possible, on peut aussi masquer le bouton suivant si vous voulez en ajoutant forward-button.

Supprimer le bouton “arrêt” lorsque celui-ci est obsolète :

#stop-button[disabled="true"] { display: none; }

Supprimer le bouton “Démarrage” si vous ne l’utilisez pas :

#home-button { display: none; }

Supprimer le bouton ‘Go” dans la barre d’adresse :

#go-button-stack, .search-go-button-stack { display: none !important; }

Supprimer la “loupe” dans la barre de recherche :

.search-go-button-stack { display: none !important; }

Changer la couleur de la barre de progression :

.progress-bar {
-moz-appearance: none !important;
background-color: #660000 !important; }

Changer la couleur de l’onglet actif :

tab{
-moz-appearance: none !important; }

tab[selected="true"] {
background-color: rgb(222,218,210) !important;
color: black !important; }

Changer la couleur d’un onglet normal :

tab:not([selected="true"]) {
background-color: rgb(200,196,188) !important;
color: gray !important; }

Supprimer le bouton “Fermer” sur les onglets :

.tabs-closebutton-box {
display: none !important;

Supprimer la barre de recherche de la barre de navigation :

menuitem[label="Web Search"] { display: none; }
menuitem[label="Web Search"] + menuseparator { display: none; }

Et voilà, si vous en avez d’autres, partagez-les en me laissant un commentaire !


Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

LES COMMENTAIRES (1)

Par franz
posté le 09 novembre à 17:38
Signaler un abus

Il est possible de faire une jolie progress bar avec la fonction repeat-x ex : .progress-bar { -moz-appearance: none !important; background-image:url("p.png") ; !important; background-repeat: repeat-x ; !important; }

Magazines