Firefox 4.0 anpassen

Juli 7, 2010 Kategorie: Firefox, Portable Programme, Windows, geschrieben von:

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 :)

Trackbackadresse dieses Beitrags




    53 Kommentare zu “Firefox 4.0 anpassen”

  1. Webstandard-Blog sagt

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

    Kommentar am 7. Juli 2010 um 12:55 geschrieben.


  2. tie sagt

    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/img.....annt3d.png

    Kommentar am 7. Juli 2010 um 13:16 geschrieben.


  3. Knorkebrot sagt

    Kommt vielleicht durch Vollbild?
    MßG

    Kommentar am 7. Juli 2010 um 13:20 geschrieben.


  4. Windows sagt

    @tie Versuch mal Aero einzuschalten.

    Kommentar am 7. Juli 2010 um 13:23 geschrieben.


  5. tie sagt

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

    Kommentar am 7. Juli 2010 um 13:28 geschrieben.


  6. JürgenHugo (twitter ) sagt

    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.

    Kommentar am 7. Juli 2010 um 13:34 geschrieben.


  7. Windows sagt

    @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 :D

    Kommentar am 7. Juli 2010 um 13:42 geschrieben.


  8. tie sagt

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

    Kommentar am 7. Juli 2010 um 13:49 geschrieben.


  9. Michael Stötzel (twitter ) sagt

    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

    Kommentar am 7. Juli 2010 um 14:00 geschrieben.


  10. JürgenHugo (twitter ) sagt

    @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:

    Kommentar am 7. Juli 2010 um 14:34 geschrieben.


  11. derpotti sagt

    Kann man diese Version auch “eindeutschen”?

    Kommentar am 7. Juli 2010 um 15:28 geschrieben.


  12. Tito (twitter ) sagt

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

    Kommentar am 7. Juli 2010 um 15:46 geschrieben.


  13. JürgenHugo (twitter ) sagt

    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:

    Kommentar am 7. Juli 2010 um 15:57 geschrieben.


  14. Robert sagt

    @ 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

    Kommentar am 7. Juli 2010 um 16:06 geschrieben.


  15. JürgenHugo (twitter ) sagt

    @Robert:

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

    Kommentar am 7. Juli 2010 um 16:19 geschrieben.


  16. Linux-Fan sagt

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

    Kommentar am 7. Juli 2010 um 16:31 geschrieben.


  17. Thomas sagt

    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.

    Kommentar am 7. Juli 2010 um 16:42 geschrieben.


  18. Martin sagt

    Geht es auch das ich den FF Button ganz wegbekomme?

    Kommentar am 7. Juli 2010 um 16:59 geschrieben.


  19. Thomas (twitter ) sagt

    Danke für die Anleitung

    Kommentar am 7. Juli 2010 um 17:13 geschrieben.


  20. Dirk sagt

    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.

    Kommentar am 7. Juli 2010 um 17:36 geschrieben.


  21. Christian sagt

    @Martin

    Probiers mit folgendem Code in der userChrome.css

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

    Kommentar am 7. Juli 2010 um 18:17 geschrieben.


  22. Christian sagt

    @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

    Kommentar am 7. Juli 2010 um 18:30 geschrieben.


  23. SonicHedgehog (twitter ) sagt

    Hier (http://www.downloadsquad.com/2.....utton-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

    Kommentar am 7. Juli 2010 um 18:35 geschrieben.


  24. JürgenHugo (twitter ) sagt

    “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:

    Kommentar am 7. Juli 2010 um 18:55 geschrieben.


  25. Martin sagt

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

    Kommentar am 7. Juli 2010 um 19:15 geschrieben.


  26. Tyr0n (twitter ) sagt

    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!

    Kommentar am 7. Juli 2010 um 19:22 geschrieben.


  27. Basian (twitter ) sagt

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

    Kommentar am 7. Juli 2010 um 19:26 geschrieben.


  28. Martin sagt

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

    Kommentar am 7. Juli 2010 um 19:59 geschrieben.


  29. Daniel sagt

    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.

    Kommentar am 7. Juli 2010 um 20:37 geschrieben.


  30. Sebastian sagt

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

    Kommentar am 7. Juli 2010 um 22:54 geschrieben.


  31. Basian (twitter ) sagt

    @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;}

    Kommentar am 7. Juli 2010 um 23:09 geschrieben.


  32. Christian sagt

    Ich hab die ja einfach im Ansichtsmenü ausgeschaltet ;-)

    Kommentar am 7. Juli 2010 um 23:21 geschrieben.


  33. Basian (twitter ) sagt

    Tja, da hätte man mal druaf kommen müssen. :-)
    Ist aber auch viel zu einfach ;-)

    Kommentar am 7. Juli 2010 um 23:29 geschrieben.


  34. JürgenHugo (twitter ) sagt

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

    Kommentar am 8. Juli 2010 um 00:29 geschrieben.


  35. Basian (twitter ) sagt

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

    Kommentar am 8. Juli 2010 um 08:20 geschrieben.


  36. T-mo sagt

    Kommandozentrale ;-)

    Kommentar am 8. Juli 2010 um 10:44 geschrieben.


  37. Ulli sagt

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

    Kommentar am 8. Juli 2010 um 11:33 geschrieben.


  38. JürgenHugo (twitter ) sagt

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

    Kommentar am 8. Juli 2010 um 11:33 geschrieben.


  39. ps3freak sagt

    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?

    Kommentar am 10. Juli 2010 um 02:08 geschrieben.


  40. sesam001 sagt

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

    Kommentar am 11. Juli 2010 um 20:36 geschrieben.


  41. breedmaster sagt

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

    Kommentar am 13. Juli 2010 um 00:29 geschrieben.


  42. Jeem sagt

    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.

    Kommentar am 5. August 2010 um 16:04 geschrieben.


  43. Duke sagt

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

    Kommentar am 18. August 2010 um 21:25 geschrieben.


  44. EviL sagt

    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/vie.....shot16.png

    Kommentar am 18. August 2010 um 21:33 geschrieben.


  45. DurBarak sagt

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

    Kommentar am 10. Januar 2011 um 14:17 geschrieben.


  46. Satoz sagt

    Habe mal mit Stylish einen “skin” erstellt und wollte ihn mit euch teilen:

    http://userstyles.org/styles/4.....ansparency

    Kommentar am 22. März 2011 um 11:15 geschrieben.


  47. Basian (twitter ) sagt

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

    Kommentar am 22. März 2011 um 12:34 geschrieben.



  1. 6 Trackback(s)

  2. Jul 7, 2010: Firefox 4.0 Beta 1: Neuerungen, Downloads, Tipps und Tricks zur Browser-Testversion • LoadBlog - Das Download-Magazin
  3. Jul 7, 2010: Digital Life – Links des Tages vom 07.07.2010 » buch facebook, firefox 4, follower, Microsoft, wordpress, world of warcraft » Digital Life
  4. Jul 8, 2010: Firefox 4.0: inkompatible Erweiterungen installieren
  5. Jul 8, 2010: Firefox: ehemalige Titelleiste entfernen
  6. Jul 12, 2010: Firefox 4.0 Beta 1: Neuerungen, Downloads, Tipps und Tricks zur Browser-Testversion | 24h-tipp.de
  7. Dez 13, 2010: Firefox 4.0 Feeling mit dem Firefox 3.6 | kiwipalme.de

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 eine Zusammenstellung.






© 2005-2012 - Caschys Blog. Gemacht mit viel Liebe & Kaffee. Webhosting von Host Europe.


Blogverzeichnis - Blog Verzeichnis bloggerei.de