Seitenlayout in Inhalte Artikel ändern

[ewaldo]

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

[schman]

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

[ewaldo]

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

[xchs]

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

[ewaldo]

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

[xchs]

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

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:

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

[ewaldo]

.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

.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

[xchs]

Erstaunlicherweise geht's noch ein bisschen einfacher:

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

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