Firefox "userChrome.css" und "userContent.css" - Nützliche Anpassungen
Den aktiven Tab besser hervorheben
Mit der Datei userChrome.css lässt sich das Aussehen der Benutzeroberfläche von Firefox mit Hilfe von CSS (Cascading Style Sheets) individuell verändern.
Sollte die Datei noch nicht vorhanden sein, muss sie im Firefox-Profilordner erstellt werden:
%APPDATA%\Mozilla\Firefox\Profiles\<Profilordner>\chrome\
(%APPDATA% = C:\Dokumente und Einstellungen\<Username>\Anwendungsdaten)
Im folgenden wird der aktive Tab mit einem Rahmen versehen, um ihn besser von den inaktiven Tabs zu unterscheiden. Der Rahmen kann beliebig eingefärbt (...-colors: black) und in unterschiedlichen Linienstärken und -stilen (border: ?px solid) dargestellt werden. Dazu einfach den unten stehenden Code kopieren und in die userChrome.css einfügen. Anschließend die Datei speichern und den Firefox neu starten. Dieser Codeabschnitt erzeugt eine schwarze durchgezogene Linie mit einer Stärke von 2 Pixeln um den aktiven Tab:
Dieses einfache Beispiel zeigt, dass man auch mit simplen Bordmitteln anstatt aufwendiger Addons die Optik vom Firefox verschlimmbessern kann.
Schwarzer Rahmen mit 1 und 2 Pixel Stärke:
Den aktiven Tab besser hervorheben
Mit der Datei userChrome.css lässt sich das Aussehen der Benutzeroberfläche von Firefox mit Hilfe von CSS (Cascading Style Sheets) individuell verändern.
Sollte die Datei noch nicht vorhanden sein, muss sie im Firefox-Profilordner erstellt werden:
%APPDATA%\Mozilla\Firefox\Profiles\<Profilordner>\chrome\
(%APPDATA% = C:\Dokumente und Einstellungen\<Username>\Anwendungsdaten)
Im folgenden wird der aktive Tab mit einem Rahmen versehen, um ihn besser von den inaktiven Tabs zu unterscheiden. Der Rahmen kann beliebig eingefärbt (...-colors: black) und in unterschiedlichen Linienstärken und -stilen (border: ?px solid) dargestellt werden. Dazu einfach den unten stehenden Code kopieren und in die userChrome.css einfügen. Anschließend die Datei speichern und den Firefox neu starten. Dieser Codeabschnitt erzeugt eine schwarze durchgezogene Linie mit einer Stärke von 2 Pixeln um den aktiven Tab:
Code:
/* Aktiven Tab besser hervorheben */
.tabbrowser-tab[selected="true"] {
-moz-border-top-colors: black !important;
-moz-border-left-colors: black !important;
-moz-border-bottom-colors: black !important;
-moz-border-right-colors: black !important;
border: 2px solid !important;
}
Schwarzer Rahmen mit 1 und 2 Pixel Stärke:
Anhänge
Zuletzt bearbeitet: