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

kopierkatze

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:

MikeBe

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.

Steph

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.

Fox2Fox

Zitat von MikeBe

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

Verbreite hier nicht so einen Schwachsinn! Veraltete Versionen haben Sicherheitslöcher.

Boersenfeger

Installiere das Firefox 3 Theme for Firefox 4+

kopierkatze

Zitat von Boersenfeger

Installiere das Firefox 3 Theme for Firefox 4+

Ja, das kenne ich, das bringt mir die Trennlinien wieder, aber dann habe ich leider nicht mehr die klassischen Buttons aus dem Winstripe-Theme, sondern eben die v3.x-Buttons...

Steph:
Wie heißt denn das Element (Toolbars), für das ich die border-Einstellungen verändern muss?

Palli

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.

kopierkatze

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

ReVox

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

Palli

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.

kaktusjens

Ich jedenfalls freue mich über das neue frische Erscheinungsbild des Firefox 4.[/quote]
Sorry, ich find dieses "frische Erscheinungsbild scheisse - alles grau in grau! Die Buttons nehmen unnötig viel Platz weg
Was bitte soll da schön sein?[attachment=0]Bildff.jpg[/attachment]

Brummelchen

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

MaximaleEleganz

Die Symbole ohne Text machen das Ganze kleiner.

Pikko

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

2002Andreas

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.