Bildschirmfüllendes Hintergrundbild für jede Seite

[elli]

Hallo Typolight-Community,

der Plan ist wie folgt: ich habe ein Fluides Layout mit linker, rechter und Hauptspalte, wie man sie unter Seitenlayouts einstellen kann. Nun möchte ich als Webseitenhintergrund ein bildschirmfüllendes Foto, was jedoch bei jedem Untermenüpunkt wechselt. Daher kann ich es nicht für body definieren, sondern wollte es als normales img einfügen und dann über z-index in den Hintergrundn legen mit width: 100%. Da ist gerade mein Problem: wie füge ich ein normales Bild ein, welches nicht in der Haupt-Artikelspalte erscheinen soll, sondern Seitenfüllend ist.
Hier ist die Grundstruktur der Seite, wo ihr schon das Problem seht. Wahrscheinlich ist die Lösung einfacher, als man denkt, aber irgendwie steh ich gerade afu dem Schlauch und brauche eure Hilfe!
Danke,
elli

[MacKP]

Hallo elli,
per CSS und Background wäre immer noch das Mittel der Wahl.
Du kannst das machen, indem du jeder Seite in der Seitenstruktur eine Klasse gibst, oder indem du das Template bearbeitest.

Hier noch ein paar Anregungen:
http://de.contaowiki.org/typolight/T...heSeitenbilder

Viele Grüße

[grambler]

Nur als allgemeine Anregung - ich würde nicht in jeder Seite ein riesen Hintergrundbild einfügen - das ist für Benutzer mit langsamer Internetverbindung - wie ich es etwa zuhause bin - eher mühsam!

Ich habe gerade mal 600kbit, da dauert das laden eines 300kb-Bildes gute 5 Sekunden, wenn es wirklich optimal läuft. Meist aber noch länger...

[MacKP]

Hey grambler,
damit auch du schön schnell surfen kannst könntest du die Bilder abschalten ;-)
Das sollte bei halbwegs gut gemachten Seiten nicht wirklich schlimm sein. Vor allem da wir alle ja nur den Inhalt lesen wollen *g*

Viele Grüße

PS: mein Beileid...

[grambler]

Hey ich als Designer erfreue mich hauptsächlich an den Farben, Formen und Bildern - nur halt etwas langsamer als andere

Das ist der Nachteil, wenn man etwas ländlich wohnt, da kriegen es die Telekom-Konzerne nicht hin, ne anständige Breitband-Leitung hinzulegen. Aber der Kupferdraht glüht

[Jogibär]

Hallo elli,

ich habe selbst auch ein Hintergrundbild (bzw. sogar mehrere) auf meiner HP, allerdings lasse ich diese in die Hintergrundfarbe einfließen, so dass sie ziemlich klein sind und es trotzdem wie aus einem Guss wirkt.

Ich würde es in deinem Fall so lösen:

Für jeden Menüpunkt der ein anderes Hintergrundbild zeigen soll, wäre ein eigener Layout-Eintrag notwendig. Dort kannst du dem Body-Element eine Klasse hinzufügen.
Im Stylesheet kannst du dann die einzelnen Body-Elemente ansprechen, etwa so:

body.pferde {
  background-image: url(pferde.jpg) no-repeat left top;
}
body.start {
  background-image: url(start.jpg) no-repeat left top;
}

Gruß
Jürgen