FF 57+ - Eine Seite Zurück Button

Für die userChrome.css:

/* Zurück-Taste und Vor-Taste: Rahmen um das Grafik-Element
 */
#back-button .toolbarbutton-icon,
#forward-button .toolbarbutton-icon {
  border: none !important;
}

Das müßte dann für beide Tasten gelten, Vor und Zurück. Ich habe die Farbe des Rahmens bei mir damit angepaßt.

Gruß Harry

Liegt wahrscheinlich am Hintergrund. Probier' das mal:

#back-button .toolbarbutton-icon , #forward-button .toolbarbutton-icon {
  border: none !important;
  background: transparent !important;
}

Vielleicht noch box-shadow herausnehmen...

#back-button .toolbarbutton-icon , #forward-button .toolbarbutton-icon , #back-button .toolbarbutton-icon:hover , #forward-button .toolbarbutton-icon:hover {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

...ich häng mich mal hier dran.

Kann man diesem Zurück-Button auch eine eigene Farbe verpassen, wenn dieser Button aktiv wird (es also eine Seite Zurück auch gibt)?

-volker-

Die Farbe musst du dir anpassen.

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


#back-button,#forward-button{
fill:red!important;}
}

Einzutragen in die userChrome.css

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
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.

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

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen geht man im Windows Explorer (wenn man einen Ordner offen hat) links oben auf

"Organisieren" -> "Ordner und Suchoptionen" -> "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Hi Andreas,
Danke für die Hilfe. Den Ordner 'chrome' und die Stylesheet-Datei habe ich ja schon (wegen anderer Anpassungen), jetzt werde ich Deinen Vorschlag mal auch da rein packen - ohne es jetzt auszuprobieren, sieht Dein Vorschlag aber nach einer dauernden Farbveränderung aus.
Ich möchte ja nur eine andere Farbe haben, wenn es eine Zurück-Seite überhaupt gibt - aber Versuch macht klug.

Alles klar, hat funktioniert. Ich wollte das zwar etwas anders haben, aber den Rest konnte ich mir hier vom Threadopener abgucken (mir ging es hauptsächlich um den Hintergrund). Nun sieht die ganze Sache bei mir so aus:

Inaktive Buttons:
[Blockierte Grafik: http://www.jeepzone.de/diverses/Back_inaktiv.jpg]

Aktive Buttons (haben bei mir die gleiche Farbe wie der aktive Tab):
[Blockierte Grafik: http://www.jeepzone.de/diverses/Back_aktiv.jpg]

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




#back-button .toolbarbutton-icon , #forward-button .toolbarbutton-icon {
fill:red!important;
background: yellow !important;
}


}

(wenn man schon mehrere CSS-Anweisungen in seiner userChrome.css hat fällt die erste und letzte Zeile weg, da diese Zeilen schon vorhanden sein sollten).

So ganz trifft diese Lösung noch nicht mein Ideal (ist aber schon nahe dran). Geht das auch, dass bei Inaktivität die Kreisflächen (also der Hintergrund) Standard sind (bei mir halt weiß) und erst bei Aktivität farbig werden (bei mir halt gelb)?

-volker-

Wie ist das gemeint mit der Inaktivität?
Die Vor/Zurück-Buttons sind im Prinzip immer aktiv, weil auch immer ein Tab aktiv ist.

Wenn Du keine Seite "Zurück" oder "Vor" hast kannst Du da bis in alle Ewigkeit auf diesen Button (der dann nur schwach eingefärbt ist -> siehe obige Bilder) klicken, ohne das etwas passiert. Das meinte ich mit inaktiv, also beispielsweise einfach einen neuen Tab generieren und Du hast keine Seite "Zurück" oder "Vor".

Wenn man allerdings beispielsweise auf einen Link klickt (und die neue Seite dann im gleichen Tab generiert wird), dann kann man die vorherige Seite mit dem "Zurück"-Button erneut aufrufen. In diesem Fall wird der "Zurück"-Button als aktiv - also anwählbar (jetzt stark eingefärbt) dargestellt.

...ich hoffe es ist nun etwas klarer geworden.

-volker-

Ah, okay. Ich denke, jetzt ist es klar.
Probier' das mal:

#back-button:not([disabled="true"]) .toolbarbutton-icon , #forward-button:not([disabled="true"]) .toolbarbutton-icon {
fill: red !important;
background: yellow !important;
}

Sollte funktionieren. Ich habe es aber nicht getestet.

EffPeh,

super, genau so hab ich mir das vorgestellt. Danke!

-volker-

Büdde...

Meinst Du in etwa so?

/* Default-Aussehen */
#back-button { ... }

/* Aussehen wenn nicht gesperrt */
#back-button:not([disabled="true"]) { ... }

/* Aussehen wenn nicht gesperrt und hover */
#back-button:hover:not([disabled="true"]) { ... }

Gruß Harry