Seitenlayout in Inhalte Artikel ändern

Hallo zusammen!

Wie kann ich unter ->Inhalte ->Artikel -> z.b. Startseite Startseite [Hauptspalte] das Seitenlayout so ändern, dass dieses z.B einen farbigen Hintergrund bekommt bevor Text u. Bilder hinzugefügt werden und sich diese Änderungen nicht auf andere Seiten auswirken.

Kann mir hier jemand einen Tipp geben.

Ewald

Da gibts mehrere Möglichkeiten, du vergibst in der Seitenstrukutur der Seite eine Klasse zb blau dann kannst du im CSS via body.blau den Hintergrund umfärben.
Oder du legst ein eigenes Seitenlayout dafür an (mit eigenem CSS).

OK!

Ich setze in der Seitenstruktur -> Startseite -> Seite bearbeiten unter CSS-Klasse blau.

Wie sprech ich die aber im CSS an. Die Startseite befindet sich im main Bereich.

Ich habe in der bildschirm.css nun versucht den Eintrag:

#main .blau{
background-color: red;
}

zu setzen, da rührt sich aber nichts.

Unter Firebug sehe ich unter Starseite aber die id "Starseite" mit der Klasse .mod_articel

Bin ich hier sprichwörtlich nicht auf dem richtigen Pfad?

ewaldo

Wie kommst Du auf den Selektor "#main .blau"?
schman hatte oben ja schon den korrekten Selektor genannt: body.blau

Es tut mir leid, die Fragestellung war ein bisschen unglücklich.
Selbstverständlich wird der body Bereich in der Starseite mit dem CSS-Eintrag body.blau geändert.

Die richtige Fragestellung hätte lauten müssen, wie gebe ich z.B. dem Inhaltselement "Text" in der Startseite einen farbigen Hintergrund?
Mein erster Versuch war auch gleich erfolgreich. Ich habe im Editor unter HTML den Text mit einen div-Element

<div class="blau"><p>.......</p></div>

eingebettet und im CSS mit #startseite .blau angesprochen und schon war das gewünschte Ergebnis da.

Was mir aber nicht gelungen ist:
Wenn ich dieses div-Element nicht verwende, gäbe es ja noch die Möglichkeit unter -> Experteneinstellung CSS-ID/Klasse z.B. mit test blau die ID und Klasse festzulegen, aber wie spreche ich das im CSS an? Der Versuch #test .blau verändert hier nichts. Was mache ich hier falsch?

ewaldo

Einen zusätzlichen <div>-Container brauchst Du dafür nicht, es wird ja bereits durch das Inhaltselement einer erstellt und ausgegeben.

Zitat:

---

Zitat von ewaldo

Wenn ich dieses div-Element nicht verwende, gäbe es ja noch die Möglichkeit unter -> Experteneinstellung CSS-ID/Klasse z.B. mit test blau die ID und Klasse festzulegen, aber wie spreche ich das im CSS an? Der Versuch #test .blau verändert hier nichts. Was mache ich hier falsch?

---

Wenn Du als Selektor dafür tatsächlich "#test .blau" genommen hast, dann war das nicht ganz richtig, zumal hier sowohl ID- bzw. Klassenauszeichnung ein und demselben HTML-Element zugewiesen werden.

Versuch' mal folgendes:

Code:

---

.ce_text.blau{
  background-color: blue;
}

---

Zitat:

---

Zitat von xchs

Code:

---

.ce_text.blau{
  background-color: blue;
}

---

---

Vielen Dank xchs!

Dein Code funktioniert. Erstaunlicherweise geht's noch ein bisschen einfacher:

Im zweiten Feld CSS-ID/Klasse z.B. die Klasse blau eintragen und im CSS nur mit

Code:

---

.blau{
background-color: blue;
}

---

ansprechen.

Wie auch immer, das Problem ist für mich bestens gelöst, vielen Dank nochmals für die Mithilfe und schöne Pfingsten aus Wolfsberg.

ewaldo

Zitat:

---

Zitat von ewaldo

Erstaunlicherweise geht's noch ein bisschen einfacher:

Im zweiten Feld CSS-ID/Klasse z.B. die Klasse blau eintragen und im CSS nur mit

Code:

---

.blau{
background-color: blue;
}

---

ansprechen.

---

Ja, das ist schon richtig. Allerdings darfst Du dann keinem anderen HTML-Element ebenfalls diese Klasse "blau" zuweisen, da sonst auch dort diese Formatierungen greifen würden. Nur mal angenommen, Du wechselst den Elementtyp des Inhaltselements von ursprünglich "Text" auf beispielsweise "Modul". Die zuvor dem Inhaltselement "Text" zugewiesene Klasse "blau" bleibt dabei erhalten, sodass plötzlich Dein neu eingebundenes Frontend-Modul ebenso die gleichen Hintergrundformatierungen zugewiesen bekommt, wie Dein Textelement.