Mein erstes Template erstellen - Layout/Navi

[sepp_a_u]

Hallo zusammen,

ich fange gerade an Contao zu verstehen, umzusetzen und zu designen. Da ich selbst ein Design will und nicht groß dafür zahlen will, versuch ich es mir selbst zu bauen. Habe mir auch zwei Contao-Bücher gekauft, die mir helfen sollen.

Jetzt die Frage: Standtardmäßig sind ja folgende Bereiche vorgegeben bei einem Template:

header
footer
links
mitte
rechts

oder irre ich da?
wie kann ich das jetzt erweitern? ich würde folgenden aufbau gerne haben (s. excelfile). Wie realisiere ich das mit css in contao?

zur Navigation vll noch kurz:
ich will, dass wenn man über den Punkt1 fährt, dass dann eine Zeile darunter die Untermenüpunkte erscheinen, ohne dass man drauf klickt. Also quasi mouse-over nur horizontal statt vertikal. geht das? Diese untermenü-punkte sollen zudem auch farblich anders sein als die hauptmenüpunkte. muss man dafür einen neuen bereich einlegen?

vielen dank

[BugBuster]

Für deinen Aufbau brauchste aber die Bereiche nicht erweitern.
Logo, Slider und Navi lassen sich ja auch so in den Header Bereich bringen.

Logo notfalls als HTML Modul, Slider und Navi 2 weitere Module, das ganze in Header und ein bischen CSS, gut schütteln und fertig.

[sepp_a_u]

Logo, Slider und Navi lassen sich ja auch so in den Header Bereich bringen.
Logo notfalls als HTML Modul, Slider und Navi 2 weitere Module, das ganze in Header und ein bischen CSS, gut schütteln und fertig.

wie mache ich das dann mit css, wenn ich keine weiteren container machen muss? wie kann ich dies erstellen? und wie viel sind denn überhaupt dann insgesamt notwendig deiner meinung nach?

[BugBuster]

Na mit float, das Logo und den Slider das sind ja normalerweise div container, die kannste mit float:left nebeneinanderlegen, die Navi auf volle breite darunter.

Falls Logo Breite + Slider Breite < volle Breite ist, kannst auch das Logo mit float:left und den Slider mit float:right an die Ränder packen.

Bei der Demo MusicAcademy ist die Navi und das Bild auch nebeneinander im Header Bereich gelegt, allerdings etwas anders, das Bild mit float:right und die Navi mit position:absolute und Positionsangaben.

Mit CSS gibt da einige Möglichkeiten, je nach Kenntnisstand

Ansonsten bringt dir ja wie du selber geschrieben hast Contao ja alle Bereiche mit die du brauchts. Das musst du im Layout nur so definieren.