Neue Tabseite von Firefox

Zitat von Sabrina79

Ich würde sehr gern dort ein eigenes Hintergrundbild hinzufügen,

/* userContent.css Tweak Firefox */
/* Background picture for about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
body {
    background-image: url("./png/sommer.png") !important;    /* Background picture 1 */
/*    background-image: url("./png/winter.png") !important;    /* Background picture 2 */
    background-position: center bottom !important;            /* bottom and center */
/*    background-position: center top !important;                /* top and center */
/*    background-position: center center !important;            /* center and center */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
}

Das png- oder jpg-Hintergrundbild 1280x800-4000x2200px muss sich im Verzeichnis \Profile\Chrome\png\ befinden.

Zitat von lenny2

CSS

/* userContent.css Tweak Firefox */
/* Background picture for about:newtab and about:home */
@-moz-document url("about:newtab"), url("about:home") {
body {
    background-image: url("./png/sommer.png") !important;    /* Background picture 1 */
/*    background-image: url("./png/winter.png") !important;    /* Background picture 2 */
    background-position: center bottom !important;            /* bottom and center */
/*    background-position: center top !important;                /* top and center */
/*    background-position: center center !important;            /* center and center */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
}

Alles anzeigen

Das png- oder jpg-Hintergrundbild 1280x800-4000x2200px muss sich im Verzeichnis \Profile\Chrome\png\ befinden.

Dieses CSS habe ich mir mal ausgeborgt.

Zitat von Mira_Belle

Dieses CSS habe ich mir mal ausgeborgt.

Bitte. Ich bin froh, dass es dir gefallen hat.

Auch von mir ein herzliches Dankeschön für diesen Code.

Das kann auch so gelöst werden. Dazu muss im Ordner chrome ein Ordner CSSWeb da sein, und in diesem der Ordner Bilder.

In diesen kann eine Auswahl angelegt werden, wenn gewünscht. Die Dateien müssen dann aber namentlich unterschieden werden, weil ich im Code immer die Grafik mit Namen bild.png aufrufe (kann angepasst werden).

/********* Eigenes Hintergrundbild verwenden ****************/

/* userContent.css */

@-moz-document url("about:newtab"), url("about:home") {
	html > body {
		background: url("Bilder/bild.png") no-repeat !important;
		background-attachment: fixed !important;
		background-position: center !important;
	}
}

Darf ich fragen, woher der Selektor html > body kommt? Da der body immer direkt auf html folgt, reicht body doch.

Zitat von Sören Hentzschel

Darf ich fragen, woher der Selektor html > body kommt?

Kann ich nicht mehr sagen, weil ich das vor langer Zeit schon übernommen habe. Aber danke für den Hinweis, das werde ich dann ändern.

Zitat von Sören Hentzschel

Darf ich fragen, woher der Selektor html > body kommt? Da der body immer direkt auf html folgt, reicht body doch.

Es würde dann Sinn ergeben, wenn man durch die höhere Spezifität eine vorhandene Regel übersteuern wollte (so wie hier die Variablen für das Camp Fiefox ). Aber das ist hier anscheinend nicht der Fall.

Anders wäre es bei iframe > body

Wobei es CSS gibt, was auf html wirkt und nicht auf body, vor allem im Bereich "consent", da wird dann Scrollen unterbunden (overflow).

Zitat von Speravir

Es würde dann Sinn ergeben, wenn man durch die höhere Spezifität eine vorhandene Regel übersteuern wollte

Dann müsste man aber sein eigenes CSS überschreiben wollen, denn !important überschreibt jede Spezifität und Mozilla verwendet das an der Stelle nicht. Wenn man sich also nicht selbst in die Quere kommt, reicht die niedrigste Spezifität.

Zitat von .DeJaVu

Anders wäre es bei iframe > body

Ein solches Konstrukt ist nicht möglich. Auf das Innere eines iFrames kann man von Außen nicht via CSS zugreifen.

Zitat von .DeJaVu

Wobei es CSS gibt, was auf html wirkt und nicht auf body,

Logisch, sind ja auch zwei unterschiedliche Elemente. Es ging ja auch nicht um html, body, sondern um html > body, also nicht „html und body“, sondern „body als direktes Kindelement von html“, was es aber eh immer ist.

Zitat von Sören Hentzschel

Dann müsste man aber sein eigenes CSS überschreiben wollen, denn !important überschreibt jede Spezifität und Mozilla verwendet das an der Stelle nicht. Wenn man sich also nicht selbst in die Quere kommt, reicht die niedrigste Spezifität.

Stimmt natürlich.

Nur als Anmerkung: Du beziehst dich auf den vom Fuchsfan geposteten Stil , ich hab das aber allgemeiner gemeint.

Zitat von Sören Hentzschel

Ein solches Konstrukt ist nicht möglich. Auf das Innere eines iFrames kann man von Außen nicht via CSS zugreifen.

naja, bedingt doch, ich hab ein solches Konstrukt, welches in einem iframe residiert.

Wird angesprochen mit body[contenteditable="true"],. Das ist die Eingabe für einen neuen Beitrag, dieses body steht innerhalb eines iframes.

Das ist ja nun ein ganz anderer Selektor als der, auf den sich meine Aussage bezogen hat.