Contao-Camp 2024
Ergebnis 1 bis 8 von 8

Thema: Multilevel Navigation mit soliden Elementen

  1. #1
    Contao-Nutzer
    Registriert seit
    07.07.2019.
    Ort
    Balzers
    Beiträge
    3

    Standard 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
    Geändert von SpeedyGii (07.07.2019 um 20:29 Uhr)

  2. #2
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  3. #3
    Contao-Nutzer
    Registriert seit
    07.07.2019.
    Ort
    Balzers
    Beiträge
    3

    Standard

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

    Ich schaue mal, wie weit ich damit komme.

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Gerne.

    Das meiste wird schon mit CSS funktionieren; das Template muss oft nicht angepasst werden.
    Nur als Hinweis .
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  5. #5
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  6. #6
    Contao-Nutzer
    Registriert seit
    07.07.2019.
    Ort
    Balzers
    Beiträge
    3

    Standard

    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

  7. #7
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.

  8. #8
    Wandelndes Contao-Lexikon Avatar von BugBuster
    Registriert seit
    15.06.2009.
    Ort
    Berlin
    Beiträge
    10.494
    User beschenken
    Wunschliste

    Standard

    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.
    Grüße, BugBuster
    "view source" is your guide.
    Danke an alle Amazon Wunschlisten Erfüller

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •