FF4: Trennlinien bei Toolbars / 3D-Effekt bei Statusleiste

    Hallo!

    Ich bin gerade dabei das Update von Firefox v3.6 auf v4.0 vorzubereiten, allerdings bin ich mit dem Interface von v4.0 noch nicht ganz zufrieden (ich teste die neue Version gerade in einer virtuellen Maschine aus).

    Die meisten der vielen, vielen Ärgernisse, die Mozilla mit dieser Version eingeführt hat, kann man ja mit Add-Ons ausbügeln, allerdings stören mich am Interface (siehe oben) in der jetzigen Form noch zwei Sachen:

    1. Die horizontalen Trennstriche zwischen den einzelnen Toolbars (über der Menüleiste, über der Navigationsleiste, über den Tabs...) fehlen.
    Die Trennstriche haben diese unterschiedlichen Bereiche schön übersichtlich und klar getrennt, die möchte ich unbedingt wiederhaben!

    2. Die Statusleiste, die ich mit "Status-4-Evar" glücklicherweise wieder aktivieren konnte, ist völlig "platt" es fehlt der typische 3D-Effekt, den die Statusleisten von "echten" Windows-Anwendungen haben (also diese grau-weißen Linien am Rand).

    Wie kann ich diese beiden Punkte mittels userChrome.css beeinflussen?

    Um das Problem mal zu illustrieren: Oben ist es so, wie es sein soll (v3.6), unten ist die problematische Version (v4.0):

    [Blockierte Grafik: http://kopierkatze.net/firefox3-winstripe.png]

    [Blockierte Grafik: http://kopierkatze.net/firefox4-winstripe.png]

    Ich nutze Firefox seit den 1.0x-Versionen, und ich muss leider feststellen, dass alles nach v1.5 eine deutliche Verschlechterung des User-Interfaces darstellt.
    Warum wird in jeder verdammten neuen Versionen das komplette Bedienungs-Konzept über den Haufen geworfen? Ich habe manchmal den Eindruck, die Leute bei Mozilla wechseln ihre GUI häufiger, als andere Leute ihre Unterwäsche!
    Als Benutzer möchte ich doch KONSISTENZ!
    Ich kann bei Windows 7 immer noch das User-Interface so einstellen, dass es fast aussieht, wie bei Windows 95! Aber beim Browser ändert Mozilla alle paar Wochen ohne Sinn und Verstand etwas, und der Benutzer ist dann gezwungen, dies selbst zu korrigieren, oder sich umzugewöhnen! :grr:

    Ich würde ein Downgrade machen, back to FX 1.5.

    Schaue mal beim IE9 oder bei Opera. Das ist modern so. Ich jedenfalls freue mich über das neue frische Erscheinungsbild des Firefox 4.

    Ja, schön ist (individuell) anders; ich nutze (noch) keinen Fuchs 4.0. Wann kommt endlich final Fuchs 5.0?
    Kommt sicherlich auch drauf an, welches Theme und welches Betriebssystem (Einstellungen) verwendet werden.

    Zu 1. und 2.:

    Fummel jeweils was mit border: solid | groove | ridge | inset | outset ... Pixelgröße und Farbe hin.

    Sei dir bitte im klaren, das all diese Änderungen die du jetzt vornimmst, bereits beim nächsten Update schon wieder nicht den Gewünschten Effekt haben könnten.

    All das was du jetzt machst ist im Prinzip herumpfuscherei.
    Geh davon aus das es von mal zu mal schwieriger sein wird die veraltete Optik wieder halbwegs herzustellen.

    Einfacher wäre es sich an die neuen Bedienkonzepte zu gewöhnen.
    StatusBar 4 Ever ist eine Pseudokrücke, mehr nicht, willst du da tatsächlich Energie reinstecken?
    Die Statusbar ist Geschichte.

    Ich werde nicht auf die Statusleiste verzichten. Eher verzichte ich auf Firefox 4.

    Bei den horizontalen Trennlinien hatte ich übrigens mittlerweile Erfolg.

    Bei der Statusbar hatte ich leider noch keinen Erfolg. Ich nehme an, dass man bei "#addon-bar" irgendwie mit den "border"-Eigenschaften herumfummeln muss.
    Weiß jemand, wie ich da den natürlichen Win32-Look erzeugen kann?

    Wieso muss Firefox eigentlich so einen merkwürdigen Sonderweg gehen?
    Bei praktisch ALLEN Win32-Anwendungen sieht die Statusbar genau gleich aus, wenn man die normalen API-Funktionen zur Implementierung nutzt.
    Nur Firefox tanzt aus der Reihe und sieht einfach nur wie ein hässlicher Fremdkörper aus. :grr:

    Die horizontalen Trennstriche kann man übrigens ziemlich einfach erzeugen:

    CSS
    /* Horizontrale Trennstriche hinzufügen */
toolbar {
	border-top: 2px groove ThreeDHighlight !important;
}

    Zu Statusbar: versuch den mal

    CSS
    statusbarpanel, #addon-bar {
-moz-appearance: none !important;
border: none !important;
background: #0f0f14 url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAIAAAAeFy4qAAAACXBIWXMAAA7EAAAOxAGVKw4b AAAAB3RJTUUH2AIDCygxWhqJHQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0 aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3 DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0 V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAA BnRFWHRUaXRsZQCo7tInAAAASUlEQVR4nN2OywkAIQxEZfrvx5M9WJBv8GCCCrsNGAgk82NK bV02AguGwPEjgwgusdzF+dAEdnriXrg/dVdOege7k7f+p2d5YCZtF5EcLumtXgAAAABJRU5E rkJggg==") /*repeat-x center*/ !important;
  color: white !important;
}

    Gruß ReVox
    "Theorie ist, wenn man alles weiß und nichts geht. Praxis ist, wenn alles funktioniert und nicht weiß warum.
    Bei Windows sind Theorie und Praxis vereint, nichts funktioniert und keiner weiß warum!"
    Meine gegebenen Tips & Antworten sind wie die Lottozahlen - immer ohne Gewähr ;)

    Mozilla/5.0 (Windows NT 10.0; WOW64; rv:38.0) Gecko/20100101 Firefox/38.5.1-ESR

    Zitat von kopierkatze


    Wieso muss Firefox eigentlich so einen merkwürdigen Sonderweg gehen?
    Bei praktisch ALLEN Win32-Anwendungen sieht die Statusbar genau gleich aus, wenn man die normalen API-Funktionen zur Implementierung nutzt.
    Nur Firefox tanzt aus der Reihe und sieht einfach nur wie ein hässlicher Fremdkörper aus. :grr:

    Nein.
    Es GIBT bei Firefox keine Statusleiste mehr.
    Dieser hässliche Fremdkörper, das ist die von mir angesprochene Krücke.

    Bevor du Pappnase weitermeckerst - schalt einfach das Thema/Skin ab :roll:

    Zitat von kopierkatze

    Die horizontalen Trennstriche kann man übrigens ziemlich einfach erzeugen:

    CSS
    /* Horizontrale Trennstriche hinzufügen */
toolbar {
	border-top: 2px groove ThreeDHighlight !important;
}


    und wo muss man das dann einfügen??

    :?:

    Zitat von Pikko

    und wo muss man das dann einfügen??


    Einzutragen in die Erweiterung Stylish oder der userChrome.css

    https://addons.mozilla.org/de/firefox/addon/2108

    Im Fx 4 ist der Ordner Chrome standardmäßig nicht vorhanden, also auch die userChrome.css nicht.
    Du mußt dir im Profilordner einen neuen Ordner Chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.
    Hier kopierst du als erstes folgenden Text rein:

    Code
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


    anschließend folgt der von dir gewünschte Code.

    Dann schließt du die Datei und speicherst sie als userChrome.css ab.
    Danach mußt du den Fx neu starten.