Wie überschreibe ich das CSS einer Website in Firefox mit userContent.css?

88

In Mozilla Firefox möchte ich erstellen, userContent.csswelche die CSS einer Website überschreibt.

Wo soll ich die Datei erstellen?

Könnten Sie es bitte anhand von Windows 7 beschreiben?

Rauf
quelle

Antworten:

111
  1. Öffnen Sie Firefox und drücken Sie Alt, um das Hauptmenü anzuzeigen. Klicken Sie anschließend auf HelpTroubleshooting Information
  2. Klicken Sie auf die Open FolderSchaltfläche neben dem Profile FolderEintrag
  3. Erstellen Sie einen Ordner mit dem Namen chromein dem sich öffnenden Verzeichnis
  4. chromeErstellen Sie im Ordner eine CSS-Datei mit dem NamenuserContent.css
  5. Kopieren Sie den folgenden Code nach userContent.css, ersetzen Sie "example.com" durch die zu ändernde Website und Ihr eigenes benutzerdefiniertes CSS, und starten Sie Firefox neu:
@-moz-document domain(example.com) {
    img { opacity: 0.05 !important; }
}
Rauf
quelle
6
Ein kleines Update / Modifikation für Schritt 1; Die Informationen zur Fehlerbehebung about:supportöffnen einen Link und in meinem Firefox (v20 nightly build on Ubuntu) gibt es einen Eintrag mit dem Namen "Profilverzeichnis" mit der Schaltfläche "Verzeichnis öffnen", der das Profilverzeichnis /home/tripleee/.mozilla/firefox/asdf1234.default/in Nautilus öffnet .
Tripleee
6
Sie können entfernen @-moz-document domain("..."), um den Stil auf alle Seiten anzuwenden.
Nicolas
2
@Septagram Ich denke es war einfach immer so ... wie ich mich erinnere, chromekönnte das auch enthalten userChrome.css, was das Browserinterface stylen würde ("chrome").
Sam
5
Ein kleiner Hinweis: Stellen Sie sicher, dass der von Ihnen erstellte Ordner den Namen "chrome" mit einem Kleinbuchstaben "c" trägt, da er sonst unter Linux nicht funktioniert.
Oliver Burt
6
Es ist notwendig , Firefox neu zu starten, damit es wirksam wird.
Peter Mortensen
4

Es gab eine alte Erweiterung namens ChromEdit, die eine einfache Schaltfläche zum einfachen Öffnen von Benutzer-CSS zur Bearbeitung hinzufügte.

Dies wurde anscheinend kompromittiert oder zurückgezogen. Stilvoll war eine Alternative, aber ähnlich scheint dies jetzt nicht mehr zu funktionieren.

Im Moment muss man sich nur merken, wohin die Datei gehen soll.

OrangeDog
quelle
Ich dachte, ich hätte ChromEdit von der offiziellen Liste, aber OK.
OrangeDog
9
Angesichts der jüngsten Bewertungen sollte Stylish wahrscheinlich vermieden werden.
KlaymenDK
1
Eine Erweiterung ist nicht dasselbe wie ein tatsächliches Benutzer-Stylesheet. Deshalb ist Chrome jetzt wertloser Müll.
Synetech
1
@Synetech wovon redest du? Diese Erweiterung fügt eine Schaltfläche zum Öffnen des Stylesheets zur Bearbeitung hinzu.
OrangeDog
Stylish hat bei mir nicht funktioniert. Als ich nach Hilfe suchte, fand ich ein Forenthema, in dem ein Benutzer sagte, dass die meisten Benutzer von Stylish wegen besserer Benutzerunterstützung und fortlaufenderer Updates zu Stylus gewechselt sind. Stylus ist eine Gabel von Stylish. Stylus hat für mich funktioniert, ohne dass Firefox neu gestartet werden musste. Die Verwendung des Plug-ins ist einfach: Navigieren Sie zu der Seite, die Sie stylen möchten, klicken Sie auf das App-Symbol oben rechts in Ihrem Browser, wählen Sie aus, ob Sie Stile nur auf die aktuelle URL oder auf die gesamte Domain anwenden möchten, und schreiben Sie Ihre Stile. Wenn Sie erneut besuchen, zeigt das Symbol die Anzahl der Stile an, die vom Plugin angewendet werden.
youcantryreachingme