Newbie: Wie Layout umsetzen? (Header "zwischen" 2x Inhalt)

[smi]

Servus!

Siehe folgende 2 Bilder:
Cont1.gif
Cont2.gif
Der Streifen zwischen Bild und Inhalt ist die Navigation, nur 1 Ebene.

So lange das "Bild" immer gleich bleibt, ist die Sache einfach. Ich bastle es z. B. als CSS-background-image an den Header dazu.

Jetzt soll sich aber das Bild zusammen mit dem Inhalt ändern können, je nach Seite.

1. Gedanke: Bild und Inhalt sind im selben Artikel, der Header wird via CSS einfach darüber platziert (optisch also "dazwischen"), mit CSS z-index. Setzt natürlich voraus dass das Bild immer gleich hoch ist. Diese Handhabe scheint mir aber unsauber und macht auch div. Probleme (Bild randabfallend, Inhalt soll aber padding haben etc.).

2. Gedanke: Vom HTML her wären doch einfach 3 DIVs am saubersten, die alle einfach untereinander stehen. Aber ich kann ja nicht 2 Header machen. D. h. ich müsste einen "eigenen Layoutbereich" anlegen? Geht das nicht einfacher? Evtl. doch eine eigene Layout-Spalte einstellen und diese via CSS als Zeile ummodeln?

Bild und Inhalt dürfen auch gerne getrennte Artikel sein. (Ideal wäre, wenn sich das Bild nur ändert wenn auf der Seite ein neues definiert wird, und sonsten das alte bleibt. Aber das ist sicher zu viel verlangt...)

Wie würdet ihr sowas machen? Ich bin sicher nicht der erste mit so einem Wunsch, ich ergoogle jedoch nichts passendes. Ich komme von einem anderen System zu Contao und tu mir noch schwer mich in die neue Denke einzufinden...

LG, Paul

[planepix]

Hallo Paul,

das hier sollte dich einfacher ans Ziel bringen:
http://de.contaowiki.org/Dynamische_...it_Insert-Tags

[smi]

Danke!! Es kam mir nicht mal in den Sinn dass ich im Header zusätzlich zur Navi auch Artikel platzieren kann. Ich hielt es bisher für eine fixe Einschränkung dass in den Header keine Artikel dürfen. Wird wohl echt langsam Zeit für ein Buch. ;-) Aber ich versuche hald möglichst im Vorfeld schon abzuchecken ob ich mit dem System halbwegs zurechtkomme...

LG, Paul

[fivebytes]

Hallo Paul,

ich denke mal mit der Erweiterung page_images solltest Du Dein Vorhaben recht simple realisieren können:

https://contao.org/de/extension-list...010019.de.html

[tab]

Du kannst grundsätzlich in jeden Layoutbereich Artikel einfügen, einfach im Seitenlayout das Artikel-Modul einbinden. Zusätzlich zu den im verlinkten Wiki-Artikeln beschriebenen Methoden kannst du so auch über ein Inhaltselement ce_image im jeweiligen Header-Artikel der Seite arbeiten. Du musst dann eben nur über CSS dafür sorgen, dass keine unerwünschten margins/paddings um das Bild bleiben. Dazu kannst du den Header-Artikeln ja eine - für alle gleiche - Klasse zuweisen und sie damit bequem "stylen". Das ist vielleicht sogar noch einfacher zu handhaben, weil du die Bilder einfach über den File-Picker auswählen kannst.

[smi]

Super, wie viele Möglichkeiten es gibt! Ich bin begeistert!
Danke allerseits!
LG, Paul