So ändern Sie das Aussehen der orangefarbenen Leiste in Firefox

ich liebe die Art und Weise

Firefox kann angepasst werden

. Ich meine, es gibt nichts im Browser, das nicht gemäß den Anforderungen und dem Komfort eines Benutzers geändert oder modifiziert werden kann. Während am funktionellen Ende

about:config-Einstellungen

kann angepasst werden, um fast alles zu erreichen, an der ästhetischen Front haben wir CSS-Komponenten, die definiert werden können

Ändern Sie das Erscheinungsbild der Benutzeroberfläche

.

Wir werden überlegen Der orangefarbene Knopf von Firefox das sich oben links im Browser befindet, und sehen Sie, wie sein Erscheinungsbild geändert werden kann. Schauen Sie sich zum Beispiel das Bild (unten) an und beachten Sie, wie ich die Farbe von Orange zu Rot, den Text von Weiß zu Schwarz und von Firefox zu Guiding Tech geändert habe. Interessant, oder?

So können Sie ähnliche Änderungen vornehmen.

Schritte zum Anpassen des Aussehens der Firefox-Schaltfläche

Jedem Profil, das Sie in Firefox erstellen, ist eine CSS-Datei zugeordnet. Es ist für Benutzereingaben gedacht, um die Darstellung des Browsers zu variieren. Dabei sagen wir Ihnen auch, wie Sie diese Datei finden oder erstellen, falls sie nicht existiert.

Schritt 1: Öffnen Sie Firefox und navigieren Sie zu Firefox (die orangefarbene Schaltfläche) -> Hilfe -> Informationen zur Fehlerbehebung.

Schritt 2: Ein neuer Tab wird gestartet. Suchen Sie nach dem Abschnitt lesen Anwendungsgrundlagen. Um zu Ihrem Profilordner zu gelangen, klicken Sie auf Ordner anzeigen Taste. Es wird empfohlen, den Profilordner von hier aus zu öffnen, da Sie bei mehreren Profilen möglicherweise nicht wissen, welches verwendet wird.

Schritt 3: In Ihrem Profilverzeichnis finden Sie einen Ordner namens Chrom. Wenn Sie das nicht finden können, können Sie eines erstellen.

Schritt 4: In diesem Ordner sollte sich eine Datei mit dem Namen befinden userChrome.css. Der Name sollte genau so sein wie hier geschrieben.

Auch hier gilt: Wenn Sie es nicht finden können, können Sie eines erstellen. Wenn es dort ist, fahren Sie mit Schritt 7 fort. Andernfalls fahren Sie mit Schritt 5 fort.

Schritt 5: Klicken Sie mit der rechten Maustaste auf einen leeren Bereich und erstellen Sie eine Neu -> Textdokument. Wenn Sie fertig sind, öffnen Sie die Datei mit Notepad.

Schritt 6: Gehen Sie jetzt zu Datei und Speichern Wie das Dokument als userChrome.css. Stellen Sie sicher, dass Sie die ändern Speichern unter zu Alle Dateien von der Unterseite des Speichern Dialog. Klicke auf Speichern und schließen Sie das Dokument.

Schritt 7: Öffne das userChrome.css Datei mit Notepad. Klicken Sie einfach mit der rechten Maustaste auf die Datei und wählen Sie aus Öffnen mit -> Editor.

Schritt 8: Kopieren Sie das folgende Code-Snippet (wie es ist) und hängen Sie es an die Datei an. Speichern Sie die Änderungen.

@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”);#appmenu-button {background: #Orange !important;}#appmenu-button dropmarker:before {content: “Feuerfuchs” !Wichtig;Farbe: #FFFFFF !wichtig;}#appmenu-button .button-text {display: none !important;}

Beachten Sie die Stücke darin Fett gedruckt. Sie repräsentieren jeweils die Schaltflächenfarbe, den Text und die Textfarbe. Um das Aussehen der Schaltfläche zu ändern, können Sie diese Werte ändern. Hier ist der Code, der dem Bild entspricht, das Sie am Anfang gesehen haben.

Wenn Sie keine Kenntnisse über Hex-Codes haben, können Sie auf diesen Link verweisen. Oder Sie können dieses überprüfen.

Fazit

Diese Änderung ist nur geringfügig. Wenn Sie die Codes beherrschen, können Sie fast alles in Firefox neu gestalten. Wenn Sie einige davon haben, die Sie all die Jahre verwendet haben, teilen Sie sie mit unseren Lesern und helfen Sie dabei, den neuen Firefox-Benutzern da draußen ein Lächeln zu schenken.