Firefox 4.0 anpassen
von caschy | 53 Kommentare
Gestern erschien ja bereits die erste Betaversion von Firefox 4.0. Bereits über 1000 Menschen haben sich Portable Firefox 4.0 Beta 1 bereits hier aus dem Blog heruntergeladen und probieren fleißig aus. Zeit, sich mal ein paar wenige Dinge anzusehen. Wie deaktiviere ich den Feedback-Button? Wie füge ich eigenen Text in den Firefox-Button ein? Wie ändere ich die Farbe des Firefox-Buttons?
Die Anpassungen sind relativ flott erledigt, in wenigen Augenblicken könntet ihr also auch den orangefarbenen Button entfernt haben. Lee von Downloadsquad.com hat zwar heute auch Codes gepostet, diese sind allerdings Murks, da sie den Button falsch platzieren und so das Menü verdecken, wenn man per ALT-Taste die Menüleiste öffnet.
Fangen wir mit dem Feedback-Button an. Dies ist quasi der Testpilot von Mozilla. Eine einfache Erweiterung. Im Erweiterungs-Manager deaktivieren und den Firefox neu starten.
Zweiter Punkt: Farbe des orangefarbenen Buttons im Firefox ändern. Dafür müsst ihr folgenden Code in der Datei userChrome.css eingeben:
#appmenu-button {
background-color: rgba(54, 121, 166, 0.2) !important;
}
Der Text wird mit folgendem Code geändert:
#appmenu-button .button-text { display:none !important; } /*removes "Firefox"*/
#appmenu-button dropmarker:before { content: "Kommandozentrale" !important; } /*Inserts new text*/
Wo finde ich die Datei userChrome.css?
Im Profilordner im Unterordner chrome. Wo ist mein Profilordner beim Firefox?
Im Firefox auf den Menüpunkt Help gehen (erscheint, wenn ihr ALT drückt) und Troubleshooting Information auswählen.
Dort könnt ihr mit Open Containing Folder euren Firefox Profilordner öffnen. Der Ordner chrome ist dort nicht vorhanden? Kein Problem, einfach erstellen. Das Gleiche gilt für die Datei userChrome.css. Bei Portable Firefox 4.0 müsst ihr sogar diesen Weg gehen.
So, nun sollte euer Firefox aussehen, wie im ersten Screenshot 🙂
Wird geladen ...
@sesam001
Du musst die Datei noch in den Profilordner verschieben und dort den Ordner Chrome anlegen!
Hi,
im Text steht
„…in wenigen Augenblicken könntet ihr also auch den orangefarbenen Button entfernt haben…“
Das ist ein wenig irreführend, da ja nirgends steht, wie man den Button entfernt, sondern nur, wie man ihn umfärbt bzw. umbenennt. Eine Entfernung des meiner Meinung nach sinnfreien Buttons wäre in meinen Augen wesentlich interessanter.
Ich habe noch einen netten Hovereffekt für den AppButton gebaut:
/* Firefoxappbutton ändern */
#appmenu-button {
background-color: rgba(54, 121, 166, 0.1) !important;
}
#appmenu-button:hover {
background-color: rgba(54, 121, 166, 0.4) !important;
}
Ich hab meinen Transparent gemacht, und wenn man den Mauszeiger drüberbewegt, kommt ein Text zum vorschein, den man selbst bestimmen kann.
Ich mag den Orangen Button nicht!!!
und neue Icons für bestimmte Tabs, die noch kein Icon haben muss auch sein. sonst sieht das so halbfertig aus, was mich verrückt macht 🙂
Screen= http://www.imagebanana.com/view/o1nwjabt/sshot16.png
Nach dem Update auf Beta 8 funktionierte bei mir die Farbänderung des Buttons nicht mehr. Anscheinend wird da jetzt ein Bild als Hintergrund benutzt.
Beispiellösung:
#appmenu-button {
background: none !important;
background-color: rgba(0, 120, 0, 0.6)!important;
}
Habe mal mit Stylish einen „skin“ erstellt und wollte ihn mit euch teilen:
http://userstyles.org/styles/45524/firefox-4-discreet-transparency
@Satoz
Vielen Dank dafür.
Ich suche die ganze Zeit nach dem Code um das PopUp Menü, bei z.B. rechts-klick auf einen Tab oder Kontextmenü, zu verkleinern. Hast du da was?