Firefox 4.0 anpassen

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 🙂

Gefällt dir der Artikel? Dann teile ihn mit deinen Freunden.

caschy

Hallo, ich bin Carsten! Baujahr 1977, Dortmunder im Norden, BVB-Getaufter und Gründer dieses Blogs. Auch zu finden bei Twitter, Google+, Facebook, Instagram und YouTube. PayPal-Kaffeespende. Mail: carsten@caschys.blog

Das könnte dir auch gefallen…

Mit dem Absenden eines Kommentars willigst du unserer Datenschutzerklärung und der Speicherung von dir angegebener, personenbezogener Daten zu.

53 Kommentare

  1. Danke für die Tipps, dieses Orange sticht mir einfach zu sehr in den Augen!

  2. wie bekomme ich es hin, dass die Titelleiste ganz oben verschwindet, so wie es bei den Screenshots von Caschy zu sehen ist??
    http://img85.imageshack.us/img85/1959/unbenannt3d.png

  3. Kommt vielleicht durch Vollbild?
    MßG

  4. @tie Versuch mal Aero einzuschalten.

  5. @Windows Danke, nun ist die Leiste weg. Aber damit leider auch die Buttons für Minimieren, Maximieren, Schliessen 🙁

  6. JürgenHugo says:

    Sehr schön! Den Feedback-Button hatte ich allerdings schon weg. Und die Farbe vom Firefox-Button gefällt mir gut – die lass ich.

    Aber die Beschriftung will/werd ich ändern. Mal sehen, ob das auch in anderen Themes wirkt.

    „Black Steel“ funktioniert als Theme so halbwegs – allerdings ist dann da die schöne Farbe vom Fox-Button „wech“, grummel. Und oben fehlen die „Knöpfe“ zum Schließen etc. Zumachen kann ich den Fox ja anders – es sieht halt ein bißchen blöd aus.

    Aber allemale noch besser als das Originaltheme – da kann ich mich nicht mit anfreunden. Die Bookmarks-Bar hat so ein merkwürdiges „Bläu“ – brrrr, da reißts mich jedesmal.

  7. @tie Das ist seltsam… Habe gerade kein Windows hier zum testen.. Kannst du nochmal einen Screenshot machen?

    Ansonsten hilft ja auch ALT+F4 und WINDOWS TASTE+PFEIL RUNTER / OBEN 😀

  8. @Windows nach nochmaligem deaktivieren/aktivieren von Aero ging es, trotzdem danke

  9. Michael Stötzel says:

    Leider hat er meine bisherige Firefox-Version zumindest in der Verlinkung ersetzt. Würde den gerne nutzen, aber der kann mit meinen Addons noch nicht umgehen, darum habe ich wieder deinstalliert und nutze weiter den 3.6.6

    Gruß
    Michael

  10. JürgenHugo says:

    @Michael Stölzel:

    Bei mir geht das problemlos – FF 3.6.6 ist installiert – FF 4 beta als portable. Wenn ich zuerst den installierten starte, kann ich sogar den portable parallel aufmachen, andersrum geht das allerdings nicht.

    Verwechseln kann ich die auch nicht: Der installierte FF hat von mir ein anderes Symbol bekommen. Starten tu ich den einen mit RocketDock, den anderen mit NeXus – schön auch örtlich getrennt.

    @all:

    Mit den Erweiterungen scheints doch nicht ganz so schlimm zu sein wie befürchtet, einige „inkompatible“ hab ich schon „reingedrückt“. Sie funktionieren trotzdem. Tja. :mrgreen:

  11. Kann man diese Version auch „eindeutschen“?

  12. Kann das sein das der Look extrem von Chrome abgekupfert ist?

  13. JürgenHugo says:

    Da „kupfert“ jeder von jedem ab – das mit dem Firefox-Menü-Button erinnert stark an Opera.

    Die lieben Leute fangen doch nicht bei „0“ an – die gucken schon zur Konkurrenz… :mrgreen:

  14. @ derpotti
    es gibt ein deutsches Sprachaket, kannst du auf dem ftp-server von mozilla finden

    nur das die firefox mockups mit dem App-Button zuerst da waren bevor es von Opera kam

  15. JürgenHugo says:

    @Robert:

    „Sach“ ich ja: Jeder klaut bei Jedem..

  16. Linux-Fan says:

    Und wie bekomme ich die Nightly-Tester-Tools zum Laufen, damit meine Addons wieder funktioneren?

  17. Da wird nicht geklaut, es wird nur nicht das Rad neu erfunden. Ist die usability von den Usern für gut befunden wurden und schlägt sich dies in positiven Marktreaktionen nieder, dann wird es halt „angeglichen“ 😉 aber egal welches Wort man nimmt, is ja in jeder Branche so, dass der Eine vorgeht und der andere machts nach..ne 😉 Aber Danke erstmal für den Artikel, sehr hilfreich auf jeden Fall..bin auch kein Orange Fan.

  18. Geht es auch das ich den FF Button ganz wegbekomme?

  19. Danke für die Anleitung

  20. Feedback Button stört mich nicht weiter – verschwindet spätestens nach der Beta ja eh. Aber den Firefox Button gleich mal angepasst, schaut chick aus.

  21. @Martin

    Probiers mit folgendem Code in der userChrome.css

    #appmenu-button-container {
    display: none !important;
    }

  22. @Martin
    Klar kann man den auch ganz loswerden, hier mal der Inhalt meiner userChrome.css
    :: http://pastebin.com/jcqQwdQv

    Der „appmenu-button-container“ Teil versteckt den Button, der „navigator-toolbox“ Teil passt die Position der TabsToolbar ein wenig an, die sonst komplett an den Rand gequetscht wär.

    Schaut dann letztendlich so aus
    :: http://screenshots.sariash.de/ffx/ffx4beta1.png

    ps: ohweh, der 18:17 Kommentar von mir wurd mir bis grad nicht angezeigt, dacht schon der mocht das mit dem .css Code im Kommentar nicht, daher nochmal mit pastebin das gemacht … kannst den 18:17 Eintrag löschen Cashy

  23. SonicHedgehog says:

    Hier (http://www.downloadsquad.com/2010/07/06/remove-stuck-firefox-4-orange-menu-button-css/) gibt es noch einen userChrome-CSS-Code, um den App-Button in die selbe Zeile wie die Tabs zu verschieben.

    Ich werde ihn aber wahrscheinlich genauso wie @Christian komplett deaktivieren, der hat für mich eigentlich eh keinen großen Nutzen. Ebenso wie fast alle anderen Buttons, wofür hat man ’ne Tastatur ;-D

  24. JürgenHugo says:

    „Wozu hat man ne Tastatur?“ Es gibt nun mal Leute, die nicht so viel wie möglich mit der Tastaur machen – sondern nur das nötigste. So´nen Kommentar schreiben z.B. – DAS kann ich auch nich mit der Maus.

    Es ist eben ein himmelweiter Unterschied, WIE man seinen Comp benutzt. Wenn jemand damit zielgerichtet arbeiten muß (beruflich – ob HomeOffice oder in der Firma) – der sieht den Comp wahrscheinlich ganz anders als ich. Stell ich mir zumindest so vor.

    Wenn jemand unheimlich fix mit der Tastatur ist, der wär ja blöd, wenn er die nicht nutzen würde – würd ich doch auch. Bin ich aber nun mal nicht – also muß ich das irgendwie ausgleichen – das mach ich mit der Maus. Ich weiß, das man das Menü mit der Tastatur aufmachen kann, ich weiß, das man so auch schnell einen neuen Ordner anlegen kann.

    Ich machs aber trotzdem mit der Maus. Weil das bei mir fast automatisch geht. Vor den meisten Shortcuts müßte ich aber überlegen – DIE gehen (bis auf einige) eben nicht automatisch bei mir.

    PS: was macht eigentlich jemand, der so „tastaturaffin“ ist, wenn er so´n iPad/Phone hat? Da sind doch „gaakeine“ richtige Tasten. Hmm, hmm? :mrgreen:

  25. Also beim neueren FF 4.0 Beta 2pre gibt es diesen Feedback Button nicht.

  26. Also, ich, der ja eigentlich den Fuchs schon seit Ewigkeiten nutzt, komme gerade mit dem GoogleChrome Super klar.Hier und da finde ich noch nicht ganz so den richtigen Ersatz für das ein oder andere Addon, aber den 4er Fuchs „tu ich mich ers an wenner feddich is!“.

    … greetz from me!

  27. Hat gerade auch jemand einen passenden css Code für mich der alle Toolbars Transparent macht??

  28. Kann man die Transparenz auch ausschalten den RoboForm beist sich damit leider?

  29. Leider genehmigt sich auch der 4er mit der Zeit immer mehr von meinem Hauptspeicher. Nicht das es sonderlich stören würde, aber schön ist es trotzdem nicht.
    Läuft der Rechner mal ein paar Tage, dann knabbert der Fuchs schon an der Gigabyte Grenze.

  30. Sebastian says:

    Kann mir jemand sagen, wie ich die Status Bar unten weg bekomme?

  31. @Sebastian

    @-moz-document url(chrome://browser/content/browser.xul)

    {#status-bar { border-top: 1px solid ButtonShadow !important; }
    #status-bar {
    height : 1px !important;
    min-height : 0 !important;
    overflow : hidden !important;}
    #status-bar:hover,
    #status-bar:focus,
    #status-bar:active { height: inherit /*18px*/ !important; }}

    Das in die userChrome.css und weg isse.

    Klappt evt. auch mit:

    #status-bar { display: none !important; }

    oder

    #status-bar {visibility: hidden !important;}

  32. Ich hab die ja einfach im Ansichtsmenü ausgeschaltet 😉

  33. Tja, da hätte man mal druaf kommen müssen. 🙂
    Ist aber auch viel zu einfach 😉

  34. JürgenHugo says:

    Wieso wollt ihr denn unbedingt die Statusbar weghaben? Wegen dem bißchen Platz, was die braucht?

  35. Ich will die nicht weghaben. Da habe ich viele infos drin die ich sehen will. Ich mach die immer sehr schmal. 15-18 pixel.

  36. Kommandozentrale 😉

  37. Schließe mich mal der Frage von Martin an:
    Kriegt man diesen Transparenz-/Aero-Effekt deaktiviert?

  38. JürgenHugo says:

    @Basian:

    Na, viel breiter ist die doch auch standardmäßig nicht. Ich habs nicht gemessen, nur mal mit der Taskleiste nach Augenmaß. Die ist 48 pixel, die Statuszeile ungefähr die Hälfte – wären also so 22/24.

  39. hallo, echt klasse der neue firefox. habe mir sofort an der userChrome.css zu schaffen gemacht und bin jetzt recht zufrieden. nur ein problem habe ich jetzte.
    wenn ich alt drücke, dann ist mein menü unter dem „kommanodzentrale“ button. wie kann ich die menü bar etwas nach rechts verschieben?

  40. Hey
    wenn ich den code in userchrome.css eingebe passiert nichts kann mir einer weiter helfen????? danke

  41. breedmaster says:

    @sesam001
    Du musst die Datei noch in den Profilordner verschieben und dort den Ordner Chrome anlegen!

  42. 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.

  43. 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;
    }

  44. 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

  45. 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;
    }

  46. Habe mal mit Stylish einen „skin“ erstellt und wollte ihn mit euch teilen:

    http://userstyles.org/styles/45524/firefox-4-discreet-transparency

  47. @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?

Du willst nichts verpassen?
Neben der E-Mail-Benachrichtigung habt ihr auch die Möglichkeit, den Feed dieses Beitrags zu abonnieren. Wer natürlich alles lesen möchte, der sollte den Hauptfeed abonnieren. Alternativ könnt ihr euch via E-Mail über alle neuen Beiträge hier im Blog informieren lassen. Einfach eure E-Mail-Adresse hier eingeben, dann bekommt ihr 1x täglich morgens eine Zusammenstellung. Mit dem Absenden willigst du unserer Datenschutzerklärung und der Speicherung von dir angegebener, personenbezogener Daten zu.
Wir benutzen Cookies um die Nutzerfreundlichkeit der Webseite zu verbessern. Durch Deinen Besuch stimmst Du dem zu.