Webseiten verändern

aus FirefoxWiki, der freien Wissensdatenbank

Mit der Datei userContent.css lässt sich das Aussehen von Webseiten verändern. Da die Datei nicht standardmäßig vorhanden ist, muss sie manuell im Profilordner im Verzeichnis chrome erstellt werden!

[bearbeiten]

Codes für UserContent.css

Die Hintergrundfarbe der Funktion "Hervorheben" (Strg+F > Hervorheben) in rot ändern.

/*gelber Hintergrund beim Hervorheben in einen Roten umwandeln*/
#__firefox-findbar-search-id{background-color: red !important; }

Bei allen Verweisen auf PDF-Dokumente ein (pdf) anhängen

/*(pdf) hinter alle Verweise auf PDF-Dateien setzen*/
a[href$=".pdf"]:after {
	content:" (pdf)" !important;
	}

Dieser Code ist besonders bei älteren PCs zu empfehlen, bei denen das Laden des Acrobat Readers lange dauert.

Links, die JavaScript verwenden mit einem roten Hintergrund kenntlich machen

/*Javascript-Links hervorheben*/
:link:hover[href^="javascript:"], :visited:hover[href^="javascript:"],
:link:hover[onClick], :visited:hover[onClick] {
	color: #FFA !important;
	background: #C00 !important;
	}

Cursor bei Links, die ein neues Fenster öffnen, in Fadenkreuz verwandeln

/* Ändere den Cursor bei Links, die ein neues Fenster öffnen */
:link[target="_blank"], :visited[target="_blank"],
:link[target="_new"], :visited[target="_new"],
:link[target="nw"], :visited[target="nw"]
{
cursor:  crosshair;
}

Besuchte Links mit der Schriftfarbe rot kennzeichnen.

/*Eigene Farbe für besuchte Links*/
a:visited{color:red !important;}

Vorlage für Veränderungen nur bei bestimmten Webseiten (erst seit Firefox 1.5)

@-moz-document url(http://www.w3.org/),
              url-prefix(http://www.w3.org/Style/),
              domain(mozilla.org)
{
 /* CSS Regeln in dieser Klammer werden angewandt auf:
    + Die Seite "http://www.w3.org/".
    + Jede Seite, deren URL mit "http://www.w3.org/Style/" beginnt
    + Jede Seite von "mozilla.org" oder deren URL mit ".mozilla.org" endet
  */
   /* b { color: inherit !important; } */
}

In die geschweifte Klammer müssen dann die CSS-Regeln für diese Webseite(n) eingetragen werden. Die drei Beispiel-Selektoren können natürlich verändert und auch einzeln verwendet werden.

[bearbeiten]

Veränderungen über about:config

Diese Einstellungen müssen über about:config verändert werden. Hier wird nicht weiter darauf eingegangen, wie diese Einstellungen verändert und angelegt werden. Dies wird auf about:config ausführlich behandelt.

Textfarbe von markiertem Text Die Textfarbe von markiertem Text wird von der als String zu erstellenden Einstellung ui.textSelectForeground festgelegt. Als Wert ist eine der bekannten Webfarben (http://de.wikipedia.org/wiki/Webfarben) zu benutzen. Ist die Einstellung nicht vorhanden, so wird die Farbe vom Betriebssystem übernommen.

Hintergrundfarbe von markiertem Text Die Hintergrundfarbe von markiertem Text wird von Einstellung ui.textSelectBackground (auch ein String) festgelegt. Als Wert ist eine der bekannten Webfarben (http://de.wikipedia.org/wiki/Webfarben) zu benutzen. Wenn die Einstellung nicht vorhanden ist, dann wird die Hintergrundfarbe vom Betriebssystem übernommen.

Hintergrundfarbe von über die Suchfunktion gefundenem Text Die Hintergrundfarbe von über Find As You Type gefundenem Text wird vom String ui.textSelectBackgroundAttention definiert. Der Wert sollte eine Webfarbe (http://de.wikipedia.org/wiki/Webfarben) sein. Wenn die Einstellung nicht gesetzt ist, dann wird die invertierte Hintergrundfarbe von markiertem Text benutzt.

Blinkende Elemente fixieren Wenn Sie von blinkenden Elementen genervt sind, stellen Sie browser.blink_allowed auf false.

Diese Methode funktioniert aber nur bei Texten, die mit <blink> oder text-decoration: blink; ausgezeichnet sind, und z.B. nicht bei animierten GIF-Bildern (http://de.wikipedia.org/wiki/Graphics_Interchange_Format), blinkenden Flash (http://de.wikipedia.org/wiki/Adobe_Flash)-Animationen oder blinkendem JavaScript.

[bearbeiten]