Zum Inhalt springen

Wechselnde Hintergrundfarbe im "Body"

Erstellt am 27. August 2006 · 4 Antworten · letzte Antwort am 31. August 2006

Tags: HTML & CSS, Frage

Hille ·

Hallo zusammen,
wie kann ich die Hintergrundfarbe wechseln, wenn ich eine andere Menüebene auswähle.
Die bgcolor ist in der CSS-Datei hinterlegt.

- mehrere CSS-Datein?
- mehrere HTML-Templates?
- Conditions im Typoscript?

Gruß
Hille

Unbekannter Benutzer ·

Na du hast doch schon die Möglichkeiten aufgelistet. Die saubere Variante ist vielleicht in deiner CSS-Datei einfach Klassen mit verschiedenen bg-colors zu definieren, also:

.bodybgred

.bodybggreen

etc.

und dann per Condition oder Extensiontemplate

page.bodyTag = <body class="bodybgred">

zu setzen...

Hille ·

Hallo,
es gibt immer verschiede Lösungen.
Ich denke ich werde Deinen Vorschlag umsetzen.
Gruß
Hille

Tevsa ·

Hallo,

Hiermit geber ich jeder Seite einen Eindeutige ID im Body Tag:

seite = PAGE
# Jeder Seite eine eigene CSS-ID  geben:
  seite.bodyTagCObject = HTML
  seite.bodyTagCObject.value.field = uid
  seite.bodyTagCObject.value.wrap = <body id="uid|">

Dann kann ich (wenn es sein muss) jeder seite mit
z.B.
#uid22 body{
background-color:#f0f0f0;
}

im CSS eine eigene Hintergrundfarbe zuweisen...

Gruß
Tevsa

Hille ·

Hallo,
vielen Dank für Deinen ausführlichen Tipp.
Am Wochenende werde ich das Projekt zu Ende bringen und ich denke ich werde dann mal Deinen Vorschlag austesten.

Wenn das Projekt fertig ist, werde ich es dann wieder auf meiner Homepage veröffentlichen.

Also Danke
und viele Grüße aus Bielefeld
Hille