Twoday Logo
help > Layout > Hintergrundbild Anmelden nächstes Blog lesen
About
Account (Benutzername & Profil)
Administration
Advanced
Anmeldung
Archiv
Backlinks (Referrer)
Beiträge
Berechtigungen
Bezahlung
Bilder
Blog als Buch
Blog anlegen
Blog archivieren
Charts
Dateien
... weitere
Profil
Abmelden
Weblog abonnieren

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: http://unknownletters.twoday.net/
Bildurl: http://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("http://unknownletters.twoday.net/layouts/twodayclassic111/images/5Back2/info");
background-repeat:no-repeat;
background-position:center top;

oder in Bild: http://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: http://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: http://img4web.com/view/6RZPK
und sehen so aus - zumindest bei mir: http://img4web.com/view/CT7VBT
User Icon
NeonWilderness vor 4700 Tagen

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(http://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.
User Icon
das-5.-element vor 4700 Tagen

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.
User Icon
skydance vor 4700 Tagen

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:

background-image: url(<% layout.image name="BILDNAME" as="url" %>);

Wobei "BILDNAME" natürlich ein Platzhalter für das richtige Bild ist.
User Icon
das-5.-element vor 4700 Tagen

layout komplett neu angelegt.
ä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?
User Icon
NeonWilderness vor 4700 Tagen

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:
  1. Das einleitende BODY-Tag fehlt nun komplett.
  2. Es ist generell keine Lösung, die Twoday-Toolbar einfach in den HEAD-Bereich zu verschieben.
  3. Einen BODY kann man nicht zentrieren, indem man ihn in eine <center>...</center>-Anweisung einschließt.
Führen Sie folgende Schritte durch:
  1. Gehen Sie oben im Menü auf Admin → Layout → Skins (HTML) → und klicken Sie bei Hauptseite (Site.page) auf "reset"
  2. Laden Sie Ihr 5back2.jpg wieder als Layout-Image hoch.
  3. 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.
User Icon
skydance vor 4700 Tagen

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.
User Icon
NeonWilderness vor 4700 Tagen

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:
  1. Gehen Sie oben im Menü auf Admin → Layout → Skins (HTML) → und klicken Sie bei Stylesheet (Site.style) auf "reset"
  2. 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.
  3. 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.
User Icon
das-5.-element vor 4699 Tagen

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.
User Icon
NeonWilderness vor 4699 Tagen

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>.
development