Hintergrundbild für alle Leisten oben

Hallo,

ich steh' gerade auf dem berühmten Schlauch und kann vermutlich nicht nach den richtigen Dingen suchen. Jedenfalls finde ich nichts brauchbares.

Ich suche den Selektor für die kompletten oberen Leisten um ein Hintergrundbild einzufügen wie es auch die fertigen Themes machen. Nur möchte ich einen Farbverlauf mit CSS machen. Das Ganze in Stylish.

Mein Stylish-Code:

menubar, /* nur die Menüs, nicht den Rest der Zeite */
toolbar, /* nur die Tab-Leiste */
#status4evar-status-widget { /* die untere Statusleiste, das ist schon mal gut */
background:linear-gradient(90deg,
 rgba(159, 0, 197, 0.2),
 rgba(0, 0, 255,0.2),
 rgba(0, 255, 0, 0.2),
 rgba(255, 255, 0, 0.2),
 rgba(255, 0, 0, 0.2)
 ) !important; }

Das ist noch etwas unbefriedigend, es wäre besser den übergeordneten Container aller oberen Leisten anzusprechen. Der Backgroundcode selbst funktioniert.

Kann mir da jemand weiterhelfen? Danke...

Gruß Harry

Danke Endor,

aber so ganz richtig ist das noch nicht. Die Leisten werden t.T. doppelt angeprochen und bei durchscheinenden Farben summiert sich die Intensität dann. Die Bookmarkleiste ist noch nicht dabei. Ich suche an sich den übergeordneten Container der alle Leisten oben beinhaltet, so wie die Styles und die ganzen Personas das auch machen. Die packen doch das gemeinsame Bild auch hinter alle Leisten.

Ich übe noch etwas...

Gruß Harry

Ja, das sieht schon fast gut aus. Aber bei mir funktioniert es so (noch) nicht...

Hat sich die erste Zeile inzwischen geändert? Ich habe da noch folgendes stehen:
@namespace url(http://www.mozilla.org/keymaster/gate…ere.is.only.xul);
Aber Deine Version bringt keine sichtbare Änderung.

Die folgenden Elemente tun es bei mir bis auf die erste Zeile (die Menüzeile):
#main-menubar, /* nur die Aufklapp-Menüs, nicht den Rest der Menü-Zeite (nicht gut) */
#navigator-toolbox, /* URL-Leiste und Tab-Leiste */
#PersonalToolbar, /* zusätzlich die Bookmark-Leiste, geht nur mit der #navigator-toolbox */
#status4evar-status-widget /* nur die untere Statusleiste */

Ich werde das noch mal mit deaktivierten AddOns (bis auf stylish) probieren. Evt. liegt es ja an Classic-Theme-Restorer oder Classic-Toolbar-Buttons. Dauert aber etwas, ich melde mich wieder.

Warum funktionieren die Personas alle besser? Die müssen doch auch einen bestimmten Container ansprechen?

Man könnte natürlich den gewünschten Farbverlauf als Bild speichern und dann bestehendes Persona-Bild durch dieses selbstgemachte ersetzen. Aber irgendwie widerstrebt es mir Bilder einzusetzten, wenn es auch eine simple CSS-Anweisung tut.

Danke erstmal, Gruß Harry

Schön das es bei Barbara funktioniert, bei mir leider nicht. Es fehlt die obere Leiste (die Menüleiste) komplett und die Tableiste wird doppelt angesprochen (die ist bei mir unten). Wenn man auf die rgba Funktion verzichtet ist das doppelt ansprechen natürlich kein Problem mehr. Ich habe auch testweise alle Addons bis auf stylish deaktiviert und als weiteren Test auch den Profilordner umbenannt und völlig neu erstellen lassen. Dann nur stylish und den Code - es fehlt immer noch die Farbe der Menüleiste und auch der Tableiste (die bei dem neuen Profil ja oben ist).

Kann es sein, daß OpenSuse (meine Linux-Distri) wo ich den Fox her habe, Anpassungen an den Linux-Style gemacht hat? Dann müßte man evt. mal eine Portable-Version testen! Stammt übrigens vom Build-Service von OpenSuse, da bekommt man immer die neueste stabile Version.

Na ja, bis auf die Menüleiste funktioniert es mit den Elementen #navigator-toolbox, #PersonalToolbar und #status4evar-status-widget soweit ganz gut. Damit kann man leben. Es dreht sich jetzt nur noch darum das Prinzip richtig zu verstehen. Ich möchte ja ruhig noch was dazulernen.

Gruß Harry

[attachment=0]ff-menue.png[/attachment]
So sieht es bei mir im Moment aus. Die Selektoren dafür sind:
#main-menubar, /* die halbe Menüleiste */
#navigator-toolbox, /* URL-Leiste und Tab-Leiste */
#PersonalToolbar, /* auch die Bookmark-Leiste, geht nur zusammen mit #navigator-toolbox */
#status4evar-status-widget { /* die untere Statusleiste bei Status4Evar */

Den rechten Teil der Menüleiste (bzw. die ganze Leiste) bekomme ich nicht hin. Für Heute gebe ich auf...

Wofür ist eigentlich das alles umschließende
@-moz-document url-prefix(chrome://browser/content/browser.xul){ .... } ?
Bei mir bewirkt es rein gar nichts.

Nachtrag: Bei einem * als Selektor ist natürlich ALLES bunt. Also irgend einen Selektor muß es schon geben der das Richtige bewirkt.

Gruß Harry

[attachment=0]ff-menue1.png[/attachment]
Neue Erkenntnis:

Bei Verwendung des Default-Themes werden mit dem Selektor "#navigator-toolbox" nur die URL-Leiste und die TAB-Leiste angesprochen. Wird zusätzlich irgendein Persona-Theme, dann werden alle oberen Leisten korrekt angesprochen (siehe Bild). Ich habe White Poly genommen, deshalb der etwas verschleierte Hintergrund.

Hier noch mal der komplette Code:

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url-prefix(chrome://browser/content/browser.xul) {  /* nur in der Browser-Oberfläche */


/* alle obere Leisten, aber nur mit einem aktivierten Persona-Theme, beim Default-Theme nur URL-Leiste und TAB-Leiste */
#navigator-toolbox,
#status4evar-status-widget {      /* die untere Statusleiste bei Status4Evar */
 background:linear-gradient(      /* Farbverlauf */
 90deg,                           /* horizontal, lila blau zyan grün gelb rot */
 rgba(255, 0, 255, 0.2),
 rgba(0, 2, 255, 0.2),
 rgba(0, 255, 255, 0.2),
 rgba(0, 255, 0, 0.2),
 rgba(255, 255, 0, 0.2),
 rgba(255, 0, 0, 0.2)
 ) !important;
}

}

Da kann man mit leben, nur warum ist das so? hmmm...

Gruß Harry

Aber auch bei Dir sieht man deutlich: Die untere Leiste ist dunkler gefärbt, wird also doppelt angesprochen. Das ist ja wegen dem durchscheinen bei rgba. Sonst wüde das gar nicht auffallen.

Wir werden ja sehen was die Zukunft bringt, ich lasse es erstmal so.

Danke, Gruß Harry