Support Bereich Hier finden Sie Antworten auf alle Fragen zu Ihrem Xobor Forum.
Wählen Sie zunächst einen Hilfe-Bereich.

@Tinaa bei dir zieht es zuerst den beigen Hintergrund, da du die Farbnummer
so angegeben hast, das sollte weg

Bei dir ist das drin

body {
font-family: Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
background: #fcf7fc url(//files.homepagemodules.de/b846096/a_1_6daf5ec5.png) top left;
}

tausche das mal aus in das hier, dann müsste der beige Hintergrund weg sein.
Bei einem Hintergrundbild muss background-image: stehen, bei dir steht background und
dann zuerst mal der beige Hintergrund, den er beim Aufruf deiner Seite kurz anzeigt

Das hier müsste somit richtig sein bei dir dann

body {
font-family: Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
background-image: url(//files.homepagemodules.de/b846096/a_1_6daf5ec5.png) top left;
}

Viel Spaß mit deinem neuen Forum.

LG Edeltraud

Das ändert allerdings nur die Hintergrundfarbe und nicht die Tatsache dass das Hintergrundbild erst nach ein paar Sekunden komplett geladen ist.

Die Dateigröße vom Bild zu reduzieren damit es schneller geladen wird kann wie bereits von anderen geschrieben durch eine Umwandlung in ein kompakteres Format (in dem Fall .jpg) erreicht werden.

Die Frage von @Tinaa war "beiger Hintergrund".

Da Tinaa eine Bastlerin ist ist ihr sicher der Unterschied zwischen .png
und .jpg bewusst.

Nur war das nicht ihre Frage. Ich gehe daher davon aus, dass es ihr
rein um den beigen Hintergrund geht, der sich ganz kurz beim Seitenaufruf zeigt.

LG Edeltraud

Ist doch eigentlich egal in welcher Farbe der Hintergrund zuerst erscheint. Das Hintergrundbild erscheint einfach durch seine Größe zu spät.

Mike ich habe auch .png drin als HG und bei mir zeigt es keinen beigen HG an,
da ich die Farbe nicht auch noch angegeben habe von dem HG

Aber muss jeder selbst entscheiden wie er das haben möchte.
Bei mir baut sich die Seite trotzdem schnell auf und wir basteln fast
so gut wie alles unter .png und das große Bilder.

Wenn es einem nicht darum geht, ob das Forum zackig schnell ist oder
nicht, sondern um die Qualität der Farben, dann macht man .png oder halt nicht.

Muss jeder für sich entscheiden

Edeltraut, bei dir fällt das nicht so auf weil, 1. Deine HG-Grafik um 1/3 kleiner ist und 2. Das Forum nicht transparent ist.

Von der MB Größe her gebe ich dir recht Mike, dass Tinaa doppelt soviel hat beim HG

Was das andere anbelangt zwecks transparentem Forum kann ich nicht
beurteilen.

Meiner Meinung nach liegt es an dem was Tinaa in CSS drin hat, was
ein großer Unterschied zu meinem ist.

Tinaa ihr HG ist 1920 x 1201

meiner ist 1921 x 1201

beide annähernd gleich und beide .png und dass Tinaa ihr HG doppelt soviel MB hat,
aber auch dem gebe ich nicht unbedingt die Schuld.

Meine Einstellung in CSS ist diese

body {
background-image: url(https://files.homepagemodules.de/b755320/a_1580_477e7162.png);
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
}

und Tina aber das hier und daher wiederholt sic ihr HG auch,
was man im Portal deutlich unten sehen kann, je nachdem mit welcher Bildschirmauflösung
man bei Tinaa aufs Forum geht, je nachem verschiebt sich der HG auch unten nach oben,
was bei mir jedoch nicht ist, meiner ist immer gleich, da verrutscht nichts

body {
font-family: Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
background: #fcf7fc url(//files.homepagemodules.de/b846096/a_1_6daf5ec5.png) top left;
}

aber wie schon vorher erwähnt der beige Hintergrund hat mit dem Bilderhintergrund nichts
zu tun

LG Edeltraud

Auf mein Handy und auf mein Laptop zeigte es alles gut an

schön Erika.

Bei mir zeigt es bei dir zum Beispiel einen HG der sich x-Mal wiederholt an, sicher
willst du das so haben bei dir im Forum.

LG Edeltraud

Die Eigenschaft background ist für jedes der Hintergrundbilder eine Zusammenfassung der möglichen Einzelangaben zu

* background-image
* background-blend-mode
* background-position
* background-size
* background-repeat
* background-attachment
* background-clip
* background-origin
* background-color

background bei Tinaa:

background-color: rgb(252, 247, 252);
background-position-x: left;
background-position-y: top;
background-repeat: repeat;
background-attachment: scroll;
background-image: url("//files.homepagemodules.de/b846096/a_1_6daf5ec5.png");
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
 

background bei Edeltraud

 background-color: rgb(120, 136, 121);
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat !important;
background-attachment: scroll;
background-image: url(https://files.homepagemodules.de/b755320/a_1580_477e7162.png);
background-size: 100% 100% !important;;
background-origin: padding-box;
background-clip: border-box;
 

Beide Hintergründe haben eine Farbe, Tinaa Beige, Edeltrad Grau.
repeat oder no-repeat wird nichts ausmachen da die Grafik auch bei repeat nur einmal geladen wird.
Auch ob zentriert oder am Rand positioniert wird die Anzeige nicht wesentlich oder überhautnicht verzögern.
Meine Meinung dazu ist, das die Dateigröße der ausschlaggebende Grund für die verspätete Anzeige der Hintergrundgrafik ist.
Das lässt sich nur änderen, in dem man die Dateigröße ändert.
Die einfachste Methode wäre das Grafikformat zu ändern in .jpg was keine wesentlichen auswirkungen auf Farbwiedergabe haben wird. Fotos sind in der Regel JPEG-Format. Durch die Komprimierung wird eine geringere Dateigröße erreicht. Allerdings erst ab einer bestimmten Größe. Bei kleinen Dateien ist PNG dann kleiner als JPG.

Man muss es einfach testen in dem man ein Bild als GIP, JPG und PNG speichert und dann die kleinste Datei nimmt.

Mit entsprechenden Programmen könnte man an der Farbtiefe und an der Auflösung noch drehen um noch mehr die Dateigröße zu verringern.

Du könntest noch versuchen die Dateigröße von dem Bild durch einen Online-Dienst wie TinyJPG zu verkleinern. Meist reduziert das die Dateigröße stark ohne dass man einen Qualitätsverlust sehen kann.

Ich vermute, das Bild ist im Firefox schon geladen. Wird das Bild im Firefox denn auch im privaten Modus sofort angezeigt? (Siehe Beitrag 14)

Nachtrag: Scheint im Firefox wirklich sofort zu laden. Liegt vielleicht daran wie Firefox die Seite lädt. Eventuell wird im Firefox das Bild eher geladen, bevor der restliche Teil geladen wird, in dem eine Hintergrundfarbe angezeigt wird.