Das funktioniert deshalb nicht, weil Sie im body-tag eine falsche CSS-Anweisung kodiert haben. CSS-Anweisungen auf Element-Ebene beginnen immer mit style="...".
Davon abgesehen ist es sauberer, Struktur- und Layoutdefinitionen zu trennen — daher packen Sie die body-background-Definition besser in das zentrale Stylesheet (Site.style) und dort ganz ans Ende:
body {
background: transparent url(https://static.twoday.net/unknownletters/layouts/twodayclassic111/5Back2.jpg) no-repeat fixed center 21px;
}
url enthält dabei in Klammern die Bildadresse zu Ihrem Hintergrund. Ihre <<center>...</center> Anweisungen sollten Sie entfernen.
das-5.-element - 20. Nov. 2013, 3:30
Danke, aber das hat leider nicht funktioniert im Stylesheet, habs probiert.
Der einzige Weg, auf dem ich das Bild mal gesehen hab war, als es in der Site.page war, aber da konnte ich nich einstellen, dass es sich nicht wiederholt.
Das funktioniert nicht, weil dort kein Bild ist. Der sicherste Weg zur richtigen Adresse ist es, nach dem Hochladen das Makro zu kopieren und das im Stylesheet zu verwenden - das sieht in etwa so aus:
Selbstverständlich funktioniert das, wenn das Bild an der erwähnten Adresse liegt (was es gestern Nacht tat, bevor Sie es wieder gelöscht haben). Mittlerweile haben Sie die Hauptseite Ihres Blogs richtiggehend kaputtgeändert, so dass Sie zunächst dringend einen Reset machen sollten:
Das einleitende BODY-Tag fehlt nun komplett.
Es ist generell keine Lösung, die Twoday-Toolbar einfach in den HEAD-Bereich zu verschieben.
Einen BODY kann man nicht zentrieren, indem man ihn in eine <center>...</center>-Anweisung einschließt.
Führen Sie folgende Schritte durch:
Gehen Sie oben im Menü auf Admin → Layout → Skins (HTML) → und klicken Sie bei Hauptseite (Site.page) auf "reset"
Laden Sie Ihr 5back2.jpg wieder als Layout-Image hoch.
Geben Sie die bereits erwähnte CSS-Ergänzung im Stylesheet (Skin Site.style) ein. Verwenden Sie statt der expliziten URL-Adresse das von Skydance erwähnte Bildmakro.
Mittelfristig nicht ganz unwichtig: Lesen Sie sich etwas in HTML/CSS ein, BEVOR Sie beginnen, in Skins zu ändern. Es wirkt unterstützend, wenn man weiß, was man tut.
Danke, NeonWilderness. Vielleicht noch ergänzend: Nach jeder Änderung einen Hard Reload, sonst merkt sich der Browser, wie es vorher ausgesehen hat, obwohl es am Server bereits ganz anders ist.
Nachdem Sie Ihre Hauptseite erfolgreich resettet haben, machen Sie nun bitte das Gleiche auch für Ihren Stylesheet (Site.style). Sie vermischen dort nämlich HTML mit CSS — das ist der Grund, warum die Hintergrundbildanzeige nicht funktioniert:
Gehen Sie oben im Menü auf Admin → Layout → Skins (HTML) → und klicken Sie bei Stylesheet (Site.style) auf "reset"
Klicken Sie zum Editieren erneut auf den Stylesheet, gehen dann ganz ans Ende (!!!) des Codes und geben dort folgendes ein: body {
background: transparent url(<% layout.image name="Bildname" as="url" %>) no-repeat fixed center 21px;
}
wobei "Bildname" der Name des Bildes ist, den Sie diesem beim Upload zugewiesen haben.
Klicken Sie auf "Speichern und Schließen", rufen Sie Ihr Blog auf und machen Sie einen Hard Reset (Strg-F5). Freuen Sie sich über einen zentrierten Hintergrund.
das-5.-element - 21. Nov. 2013, 3:05
danke für die mühe und geduld. hat geklappt.
wundere mich nur, wieso nicht vorher - hatte ich doch 2 mal ein komplett neues layout zugewiesen... aber gut - ich bin zufrieden und bedanke mich.
Sieht gut aus! Viel Spaß und Erfolg mit Ihrem neuen Blog!
P.S. Einen Hinweis noch: es gibt keinen HTML-Befehl <right> ... </right>. Wenn Sie etwas rechtsbündig ausrichten wollen, verwenden Sie z.B. <p align="right"> ... </p>.
Davon abgesehen ist es sauberer, Struktur- und Layoutdefinitionen zu trennen — daher packen Sie die body-background-Definition besser in das zentrale Stylesheet (Site.style) und dort ganz ans Ende:
body {
background: transparent url(https://static.twoday.net/unknownletters/layouts/twodayclassic111/5Back2.jpg) no-repeat fixed center 21px;
}
url enthält dabei in Klammern die Bildadresse zu Ihrem Hintergrund. Ihre <<center>...</center> Anweisungen sollten Sie entfernen.
Der einzige Weg, auf dem ich das Bild mal gesehen hab war, als es in der Site.page war, aber da konnte ich nich einstellen, dass es sich nicht wiederholt.
background-image: url(<% layout.image name="BILDNAME" as="url" %>);
Wobei "BILDNAME" natürlich ein Platzhalter für das richtige Bild ist.
änderungen wie oben gemacht.
ergebnis: kein bild.
siehe hier: http://img4web.com/view/7T9D2Z
und es ist definitiv ein bild da: http://img4web.com/view/D41FAE
was machen ich denn noch falsch?
- Das einleitende BODY-Tag fehlt nun komplett.
- Es ist generell keine Lösung, die Twoday-Toolbar einfach in den HEAD-Bereich zu verschieben.
- Einen BODY kann man nicht zentrieren, indem man ihn in eine <center>...</center>-Anweisung einschließt.
Führen Sie folgende Schritte durch:- Gehen Sie oben im Menü auf Admin → Layout → Skins (HTML) → und klicken Sie bei Hauptseite (Site.page) auf "reset"
- Laden Sie Ihr 5back2.jpg wieder als Layout-Image hoch.
- Geben Sie die bereits erwähnte CSS-Ergänzung im Stylesheet (Skin Site.style) ein. Verwenden Sie statt der expliziten URL-Adresse das von Skydance erwähnte Bildmakro.
Mittelfristig nicht ganz unwichtig: Lesen Sie sich etwas in HTML/CSS ein, BEVOR Sie beginnen, in Skins zu ändern. Es wirkt unterstützend, wenn man weiß, was man tut.body {
background: transparent url(<% layout.image name="Bildname" as="url" %>) no-repeat fixed center 21px;
}
wobei "Bildname" der Name des Bildes ist, den Sie diesem beim Upload zugewiesen haben.
wundere mich nur, wieso nicht vorher - hatte ich doch 2 mal ein komplett neues layout zugewiesen... aber gut - ich bin zufrieden und bedanke mich.
P.S. Einen Hinweis noch: es gibt keinen HTML-Befehl <right> ... </right>. Wenn Sie etwas rechtsbündig ausrichten wollen, verwenden Sie z.B. <p align="right"> ... </p>.