Hintergrundbild für Startseite

harff182

Maaaahlzeit...

Wie bekomme ich für die Startseite ein eigenes Hintergrundbild eingebaut?

Für about:newtab und about:home habe ich das hiermit erreicht:

CSS

/*    NewTabBackground.css*/
/*    211208: wechselbare hintergründe für neue tabs */

@-moz-document url(about:newtab) {
    body {
        background-size: cover !important;
        background-attachment: fixed !important;
        background-image: url('../icons/eclipse.jpg') !important;
        /* background-image: url('../icons/kaffe.png') !important; */
        /* background-image: url('../icons/snow.jpg') !important; */
        /* background-image: url('../icons/sonne.jpg') !important; */
        /* background-image: url('../icons/zunge.png') !important; */
        /* background-image: url('../icons/tropfen.jpg') !important; */
        /* background-image: url('../icons/tropfen2.jpg') !important; */
    }
}

@-moz-document url(about:home){
    body {
        background-size: cover !important;
        background-attachment: fixed !important;
        /* background-image: url('../icons/eclipse.jpg') !important; */
        /* background-image: url('../icons/kaffe.png') !important; */
        /* background-image: url('../icons/snow.jpg') !important; */
        /* background-image: url('../icons/sonne.jpg') !important; */
        /* background-image: url('../icons/zunge.png') !important; */
        /* background-image: url('../icons/tropfen.jpg') !important; */
        background-image: url('../icons/tropfen2.jpg') !important;
    }
}

Alles anzeigen

Sören Hentzschel

Hallo,

was genau ist jetzt deine Frage? Du fragst nach einem Hintergrundbild für die Startseite, sagst dann aber im nächsten Satz, dass du es für about:home bereits erreicht hast.

harff182

Ich habe drei Buttons für 3 verschiedene "Neuer Tab"-Tabs:

- about:home

- about:newtab

- Firefox-Startseite

Für letzteres möchte ich nicht die in "Einstellungen" angewählte "Leere Seite" haben, sondern auch ein Hintergrundbild.

2002Andreas

Zitat von harff182

Leere Seite

CSS

@-moz-document url(about:blank){
    body {
        background-size: cover !important;
        background-attachment: fixed !important;
        background-image: url('..//Icons/1.png') !important;
    }
}

harff182

Nanü

Wo haste denn das about:blank hergezaubert?

Hab ich bei mir in about:about nich drin.

meinereiner wieder mal schnell zufriedengestellt

2002Andreas

Zitat von harff182

wieder mal schnell zufriedengestellt

So sollte es ja auch sein

Zitat von harff182

Wo haste denn das

Sören Hentzschel

about:blank anzupassen halte ich für problematisch, da es sich dabei nicht einfach um eine leere Seite handelt, about:blank ist Teil der Webspezifikation und wird auch intern von den Browsern (nicht nur Firefox, das gibt es auch in Safari, Chrome und anderen Browsern) verwendet. Ich stelle mir das daher unvorteilhaft für den RAM-Verbrauch vor, wenn da jedes Mal ein Bild geladen wird. Dann würde ich ehrlich gesagt lieber about:home als Startseite verwenden, alles abwählen und was dann noch zu viel ist, auf dieser Seite anpassen.

.DeJaVu

Nicht hilfreich: bei mir wird per Firefox-Einstellung eine leere Seite angezeigt, die ist halt nur weiss - und leer.

Sören Hentzschel

Das ist beim Themenersteller auch eingestellt (siehe #3) und bei dieser Option wird about:blank geladen. Was so erst einmal unproblematisch ist, da es ja eine komplett leere Seite ist und keine Anpassbarkeit vorgesehen ist. Aber wenn man die Seite anpasst, sollte man bedenken, dass an about:blank mehr hängt als eine leere Startseite.

harff182

Zitat von .DeJaVu

die ist halt nur weiss

Und das gefällt mir halt nicht so besonders (vorischtig formuliert)

Zitat von Sören Hentzschel

Ich stelle mir das daher unvorteilhaft für den RAM-Verbrauch vor, wenn da jedes Mal ein Bild geladen wird.

Und wenn ich einfach nur eine andere Farbe setze, die meinen Augen wohler tut?

Oder (wenn ich das überhaupt hinbekommen) einen Marmor-Effekt mit linear-gradient()?

Road-Runner

Wenn es auch eine Erweiterung sein darf: ich habe meine persönliche Startseite mit Tabliss erstellt.

Sieht so aus:

Sören Hentzschel

Farbe kann man auch machen, nur ich würde das halt wie gesagt mit about:home stattdessen machen, wo sich ja auch alles entfernen lässt und im Ergebnis dann gleich aussieht, einfach weil diese Seite wirklich nur diese Seite ist und nicht noch anders genutzt wird, also keine Seiteneffekte zu erwarten sind. Außer about:home wird tatsächlich auch noch gebraucht, dann geht's damit natürlich nicht.

harff182

Zitat von Road-Runner

mit Tabliss

Hatte ich die Tage mal getestet und verworfen :nowink:

Zitat von Sören Hentzschel

Farbe kann man auch machen

Dann werd ich das Weiß wohl durch Gold ( #ffd700 ) ersetzen - wirkt in der Fläche beruhigender

harff182 29. Dezember 2021 um 14:04