Hintergrundbild
Sali, hab hier schon gesucht und einiges Schlaue dazu gefunden und probiert, aber es will nicht so ganz werden....
Ich möchte ein fixes Hintergrundbild einfügen, wo sich praktisch nur der Text bewegt.
Folgende Variante habe ich probiert:
Blog: https://unknownletters.twoday.net/
Bildurl: https://static.twoday.net/unknownletters/layouts/twodayclassic111/5Back2.jpg
Im Stylesheet:
body {
margin: 0px;
padding: 0px;
font-family: ;
color: ;;
font-size: ;
background: url("bildmacro ");
background-repeat:no-repeat;
background-position:center top;
auch das funktionierte nicht:
body {
margin: 0px;
padding: 0px;
font-family: ;
color: ;;
font-size: ;
background: url("https://unknownletters.twoday.net/layouts/twodayclassic111/images/5Back2/info");
background-repeat:no-repeat;
background-position:center top;
oder in Bild: https://img4web.com/view/N5AFLH
Ich sehe nix an bild, auch nach strg+f5.... jemand eine Idee?
Danke im Voraus.
ps: wenn ich genug strg+f5 spamme kommt folgende Ansicht: https://img4web.com/view/1PMXLY
sobald ich die seite refreshe: nix :(
ps2: farben und schriften ändern sich - wenn überhaupt - gefühlte 100 jahre später, auch wenn ich mir die finger wund-refreshe und das cache manuell lösche.
farben sollten so aussehen: https://img4web.com/view/6RZPK
und sehen so aus - zumindest bei mir: https://img4web.com/view/CT7VBT
Ich möchte ein fixes Hintergrundbild einfügen, wo sich praktisch nur der Text bewegt.
Folgende Variante habe ich probiert:
Blog: https://unknownletters.twoday.net/
Bildurl: https://static.twoday.net/unknownletters/layouts/twodayclassic111/5Back2.jpg
Im Stylesheet:
body {
margin: 0px;
padding: 0px;
font-family: ;
color: ;;
font-size: ;
background: url("bildmacro ");
background-repeat:no-repeat;
background-position:center top;
auch das funktionierte nicht:
body {
margin: 0px;
padding: 0px;
font-family: ;
color: ;;
font-size: ;
background: url("https://unknownletters.twoday.net/layouts/twodayclassic111/images/5Back2/info");
background-repeat:no-repeat;
background-position:center top;
oder in Bild: https://img4web.com/view/N5AFLH
Ich sehe nix an bild, auch nach strg+f5.... jemand eine Idee?
Danke im Voraus.
ps: wenn ich genug strg+f5 spamme kommt folgende Ansicht: https://img4web.com/view/1PMXLY
sobald ich die seite refreshe: nix :(
ps2: farben und schriften ändern sich - wenn überhaupt - gefühlte 100 jahre später, auch wenn ich mir die finger wund-refreshe und das cache manuell lösche.
farben sollten so aussehen: https://img4web.com/view/6RZPK
und sehen so aus - zumindest bei mir: https://img4web.com/view/CT7VBT
das-5.-element - 20. Nov. 2013, 0:17 - Rubrik: Layout
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: https://img4web.com/view/7T9D2Z
und es ist definitiv ein bild da: https://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>.