Multilevel Navigation mit soliden Elementen

Ich wurde letzthin gezwungen von meinem alten CMS aufgrund von PHP7 auf Contao umzusteigen. Soweit so gut, Contao scheint ähnlich einfach zu sein und bin voller Zuversicht, das richtige CMS gefunden zu haben.

Leider komme ich mit meiner Navigation nicht weiter, da ich derzeit meine alten Websiten (wurde auf statisch konvertiert) nachbauen möchte (zur Zeit auf einer alten Seite, die nicht mehr verwendet wird, danach auf 3 weiteren, welche abgesehen vom Farbmodell identisch sind).

Mit dem Modul "Navigationsmenü" komme ich nicht weiter, da das Listenformat mich bezüglich Breite einschränkt. Ich arbeite mit soliden Balken im Hintergrund.

So sah die Website vorher aus:
https://secure.libersec.li/de/projek...3Fidcat=1.html

Meine ersten Gehversuche schauen bisher so aus:
https://www.libersec.li/liberSEC_DE_...inleitung.html

Ich nehme an, dass ich auf "Individuelle Navigation" umschwenken muss. Doch leider habe ich bisher kein Tutorial gefunden, welches mich da durchführt.

Im zweiten Schritt möchte ich dann noch bei der Navigation oben links mein Logo einfügen.

Kann mir da jemand weiterhelfen, wie ich meine Navigation wieder hinkriege? Ich würde ansonsten jemanden das auch gerne als Kleinauftrag gegen Bezahlung vergeben.

Gruss
Werner

Hallo Werner und willkommen im Forum.

Schau mal hier: https://de.contaowiki.org/Navigation...e_Navigationen

Mit 4.x haben sich wenige Dinge bzgl. Navigation geändert. Das Prinzip ist gleich geblieben.

Das meiste sind dann CSS-Anpassungen.

Danke für den Tipp. Ich arbeite gerade am Navigations-Template.

Ich schaue mal, wie weit ich damit komme.

Gerne.

Das meiste wird schon mit CSS funktionieren; das Template muss oft nicht angepasst werden.
Nur als Hinweis ;).

Also das, was ich auf der Seite gesehen habe, wird definitiv ohne Template-Änderungen und nur mit CSS funktionieren können. Von dem Tabellendesign solltest du sowieso wegkommen.

Das werde ich sicher auch, wenn ich von der Struktur wegkomme, dass das Menü als Liste dargestellt wird:

HTML-Code:

---

<ul class="level_1">
<li class="submenu trail first last"><a href="liberSEC_DE_Seite_Einleitung.html" title="Wer wir sind" class="submenu trail first last" aria-haspopup="true" itemprop="url"><span itemprop="name">Wer wir sind</span></a>
<ul class="level_2">
<li class="active first last"><strong class="active first last" itemprop="name">Einleitung</strong></li>
</ul>
</li>
</ul>

---

Wo kann ich das der Navigation abgewöhnen, dass anstatt einer Liste nur ein <div> command abgesetzt wird? Derzeit verhindert mir die Liste, dass das "Solid" Element sich über die gesamte Breite der Navigation zieht.

Gruss
Werner

Die ul und die li's sind Blockelemente genauso wie ein div. Das verhindert also erst einmal nicht, dass sie über die gesamte Breite der Navigation gehen können. Und wenn sie es nicht wären, dann könntest du sie mit display:block; praktisch zu Blockelementen machen. Wenn sich das anders verhält, dann ist es also eine reine CSS-Frage. Ich kann dir nur raten, bei der Liste zu bleiben. Das ist mehr oder minder Standard für Navigationen und du möchtest garantiert nicht unnötig Templates ändern, weil du sonst die Änderungen nötigenfalls nachführen musst. Sicher nicht beim nächsten Update, denn das Template kann ja updatesicher verändert werden, aber irgendwann wahrscheinlich dann doch.

Die Templates an dein vorhandenes CSS anzupassen mag zunächst bequemer sein als das CSS an die Navigations-Templates anzupassen, aber die Arbeit würde ich mir an deiner Stelle machen.

Wie auch immer, die Ausgabe kannst du im Template nav_default.html5 festlegen. Also links im Backend Templates an klicken, neues Template und das nav_default.html5 auswählen. Dadurch wird ein neues Template angelegt, das du (bis auf weiteres) updatesicher anpassen kannst.

Wenn du im Theme in deinem Layout für die Linke Spalte nicht nur das Navi Modul rein legst sondern auch ein Modul (z.B. eigens dafür angelegtes HTML Modul) welches Dein Logo beinhaltet, dann brauchst du gar kein Template anpassen.