NeoSting.net
Le petit journal d'un passionné de nouvelles technologies et pour le partage de la culture.

(QR Code) de cette page sur neosting.net

Partager...

# Modifier et déplacer le bouton orange de Firefox

firefox bouton, orange, modifié Vous venez de tester la version 4 Beta 1 de Firefox ? Vous avez même fait les premières manipulations pour obtenir le fameux nouveau bouton orange, mais vous le trouvez extrêmement mal placé, comme tout le monde ? Encore mieux, vous voulez aussi le modifier pour lui appliquer de la transparence et un changement de couleur ? Et bien sachez que c'est possible ! Voici donc un petit hack qui devrait remédier à ces quelques lacunes, simplement grâce aux feuilles de style !

Reste à espérer que Mozilla prenne en compte dans ses futures versions les attentes de ses clients, car face à Chrome, la fondation va avoir du mal redonner l'envie de revenir à son navigateur à ceux qui ont migré d'impatience..

Le tutoriel

Trouvez le fichier userChrome-exemple.css dans votre profil

Vous pouvez chercher ce fichier dans votre système. Les parties en gras ne seront pas les mêmes. Il se peut aussi que votre dossier de profil ne soit pas tout à fait là, si vous avez d'anciennes versions installées. Faites un test puis redémarrez Firefox. Mon profil était dans cet emplacement :

C:\Users\pseudo\AppData\Roaming\Mozilla\Firefox\Profiles\twpupghg.default\chrome

Copiez-le sur le bureau et modifiez cette "nouvelle" version en ajoutant ceci (avec notepad ou un éditeur) :

#appmenu-button-container{
position: fixed !important;
}
 
#appmenu-button{
padding: 3px 18px 3px 18px !important;
margin-top:3px !important;
background-color: rgba(54, 121, 166, 0.2) !important;
}
 
#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 95px !important;
}
 
#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 105px !important;
padding-top:1px !important;
padding-right:98px !important;
}

Sauvegardez votre fichier en le renommant userChrome.css dans le dossier de votre profil

Il est à noter que si sous Windows, vous utilisez l'interface classique, à la "Windows 2000", alors le bouton de firefox est automatiquement placé sur la même hauteur que les onglets, placés aussi en haut. Mais, avec l'interface Aéro, ce n'était pas le cas d'où ce hack. Désormais, avec, il va placer ce bouton sur la même hauteur, lui appliquer de la transparence, des marges et une autre couleur.

Si vous vous y connaissez un peu en CSS, vous pouvez modifier vous-même les marges (MARGIN) autour du boutons en pixels. Pour la transparence, c'est le dernier chiffre entres parenthèses (ici, 0.2). Pour la couleur, c'est au même endroit (les 3 chiffres avant exprimés en RGB - max. 255)

Puisque c'est si simple à modifier, il faudrait qu'une extension soit créée afin de proposer différents modèles tout en permettant de le modifier à sa convenance via des options à remplir dans une interface GUI. Enfin, sauf si Mozilla reprend cette grave erreur de placement.

source et code

Pourquoi les commentaires sont fermés ?

Logiciels astuce, bouton, déplacer, firefox, tutoriel

Permacourt | Permalien Le 10 juillet 2010 à 20:45

Articles pouvant vous intéresser

Les articles populaires du moment

Calendrier, informations, crédits et remerciements

2012	01	02	03	04	05	06	07	08	09	10	11	12
2011	01	02	03	04	05	06	07	08	09	10	11	12
2010	01	02	03	04	05	06	07	08	09	10	11	12
2009	01	02	03	04	05	06	07	08	09	10	11	12
2008	01	02	03	04	05	06	07	08	09	10	11	12
2007	01	02	03	04	05	06	07	08	09	10	11	12

les textes sont sous licence by-sa

Le thème du blog est sous licence by-nc-nd

Merci à Kreiion pour ses dessins

NeoSting.netLe petit journal d'un passionné de nouvelles technologies et pour le partage de la culture.