Firefox Farbe und Form der Browser Tabs per userChrome.css Datei verändern - So funktioniert es!

Diskutiere Firefox Farbe und Form der Browser Tabs per userChrome.css Datei verändern - So funktioniert es! im Windows 10 FAQ Forum im Bereich Windows 10 Foren; Über die useChrome.css Datei kann man einige Veränderungen vornehmen und auch wenn vieles davon vielleicht nur Spielerei ist kann man aber auch...
Über die useChrome.css Datei kann man einige Veränderungen vornehmen und auch wenn vieles davon vielleicht nur Spielerei ist kann man aber auch die Optik verändern wenn man dies will. Wie man zum Beispiel mit der userChrome.css Datei Browser Reiter in Firefox in Form und Farbe neu gestalten kann zeigt dieser kurze Ratgeber.

MozillaFirefoxVideosÜberblendungseffekteÜberblendeffekteÜberblendenEffekteVollbildvideos.png



Komplett-PCs in allen Preisklassen auf Amazon

Wie man die userChrome.css Datei ganz einfach anlegen kann haben wir in diesem Ratgeber bereits erklärt. Den Code den Ihr etwas weiter unten findet kopiert Ihr einfach in diese Datei ein. Habt Ihr dort bereits andere Skripte stehen kopiert Ihr dieses einfach darunter:

Code:
/* Tabs rund und farbig gestaltet */
#TabsToolbar .tabbrowser-tab{
background: lightblue !important;
border-radius: 80px !important;
border:none!important;
}

.tab-background[selected="true"] {
background: orange !important;
border-radius: 80px !important;
border:none!important;
}

.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}

.tab-line[selected=true] {
display:none!important
}

Danach speichert Ihr das userChrome.css File wieder ab und müsst darauf achten, dass die Dateierweiterung css erhalten bleibt. Wird diese wieder geändert wird das File nicht ausgelesen. Nach den Neustart sollten die Tabs des Browsers oben so aussehen wie auf dem folgenden Beispielbild:

BrowserMozillaFirefoxTabsTabFarbeFormFarbenFormenrundeckiguserChrome.csspersonalisie.png

Wer sich traut kann mit den Farben und Radius-Angaben experimentieren und so das Ganze noch an seine eigenen Ideen anpassen. Hat man zu viel experimentiert oder will die alte Optik einfach wieder herstellen muss man den zuvor einkopierten Code einfach wieder aus der Datei userChrome.css löschen.

Hinweis: Text zwischen den Zeichenfolgen /* und */ ist lediglich Info-Text damit man später weiß was der entsprechende Code macht. Diese Texte könnt Ihr wahlweise so ändern wie Ihr wollt, Ihr müsst nur die Markierung am Anfang und Ende stehen lassen, oder auch komplett entfernen.

Meinung des Autors: So kann man mit der userChrome.css die Optik der Reiter an Firefox Browser Tabs verändern.
 
  • Firefox Farbe und Form der Browser Tabs per userChrome.css Datei verändern - So funktioniert es! Beitrag #2
G

GlasNost

An diesen Beiträgen sieht man die Langeweile einiger Nutzer, oder Menschen, die in ihrem Leben möglicher Weise sinnvolleres leisten könnTen :)
 
  • Firefox Farbe und Form der Browser Tabs per userChrome.css Datei verändern - So funktioniert es! Beitrag #3
areiland

areiland

Erfahrener Benutzer
Dabei seit
25.08.2014
Beiträge
29.670
Ort
Ludwigshafen
Version
Windows 10 Pro x64 immer aktuell!
System
970M Pro3, FX8350, RX560, 16GB DDR3 1600, 860Evo256 GB, MK7559GSXP, SH224BB, BenQ GW2780
Solltest Du Deinen Kommentar meinen, dann ist das ganz sicher so!
Denn offenbar scheinst Du ja das Internet nach Beiträgen zu durchsuchen, die Du dann abfällig kommentieren kannst.
 
  • Firefox Farbe und Form der Browser Tabs per userChrome.css Datei verändern - So funktioniert es! Beitrag #4
Zeiram

Zeiram

Redakteur
Threadstarter
Dabei seit
30.07.2015
Beiträge
1.909
Wieviel Langeweile muss man erst haben wenn man so etwas Langweiliges sucht und kommentiert? Aber die Zeiten in denen die Netiquette vielen noch wichtig war sind eben lange vorbei... ;)
 
Thema:

Firefox Farbe und Form der Browser Tabs per userChrome.css Datei verändern - So funktioniert es!

Firefox Farbe und Form der Browser Tabs per userChrome.css Datei verändern - So funktioniert es! - Ähnliche Themen

Firefox Zoom nur für Text in Webseiten nutzen - So ändert man per Zoom nur die Textgröße in Firefox: Wenn einem auf einer Webseite der Text zu klein oder zu groß ist, kann man diesen schnell per Zoom über die Tasten oder drehen am Mausrad in der...
Firefox Trennlinien in Farbe und Stärke anpassen mit userChrome.css Datei - So einfach geht es!: Bei dem einen muss Firefox eben einfach nur funktionieren, die anderen nutzen Add-Ons für weitere Funktionen und wieder andere wollen auch die...
Firefox about:addons Ansicht personalisieren mit userContent.css Skript - So einfach geht es!: Wer es gerne bunt und individuell mag will vielleicht auch in diverse Menüs und Einstellungen etwas mehr Farbe bringen und in Firefox geht dies...
Firefox Farbpipette nutzen und so Werte für Farben aus Webseiten heraus kopieren - So geht es!: Manchmal sind es die kleinen Tipps die durchaus nützlich sein können, wie eben dieser. Stellt Euch vor Ihr wollt Euch bei einer bestimmten Firma...
Firefox Schrift vergrößern oder verkleinern mit userChrome.css - So kann man die Schriftgröße ändern: Die Größe der Schrift in Firefox Browser ist in der Regel gut wie sie ist, aber der eine oder andere will auch hier vielleicht lieber die Ansicht...
Oben