Ergebnis 1 bis 4 von 4

Thema: Navigationseinträge mit verschiedenen Icons

  1. #1
    Contao-Nutzer
    Registriert seit
    01.10.2013.
    Ort
    Schweiz
    Beiträge
    26

    Gesicht zeigt die Zunge Navigationseinträge mit verschiedenen Icons

    Heyho zusammen

    Ich möchte folgendes realisieren und kriegs nicht gebacken:
    menu.png

    Nach einiger Recherche hab ich folgenden Link gefunden: Zweizeilige Menüpunkte mit :before Icon kombinieren

    Folgendes habe ich gemacht:
    • Testklassen (ico_default, ico_home) in den Menüpunkten hinterlegt
    • Im CSS überschreiben (z.B. ul.level_1 li.ico_default a)
    So kann ich diese einzeln unterscheiden.

    Wie ich nun aber mein Bild in der oberen Zeile zentriert kriege, versteh ich nicht. Mit der Background-Property hab ichs nicht hingekriegt...

    Ich spiele gerade mit dem Gedanken, das Template so umzuschreiben, dass er alle "Icon" Klassen abfängt und dann dynamisch das Bild in eine <span/> einfügt.
    Scheint mir aber Overkill.

    Grüsse
    Dancger

  2. #2
    Contao-Fan Avatar von joe
    Registriert seit
    20.06.2009.
    Ort
    Lüneburg
    Beiträge
    687
    User beschenken
    Wunschliste

    Standard

    Schau mal hier rein: https://community.contao.org/de/show...Mod_Navigation Vielleicht hilft dir das.
    Trainings und Coachings zur Fort und Weiterbildung sowie Beratung in den Bereichen Contao, JavaScript, jQuery, VueJS, React, PHP, NodeJS und vielen weiteren Themen.

    Mehr unter jgreg.dev

    Follow me on Twitter @JoeRayGregory

  3. #3
    Contao-Nutzer
    Registriert seit
    13.04.2014.
    Beiträge
    22

    Standard

    Zitat Zitat von joe Beitrag anzeigen
    Schau mal hier rein: https://community.contao.org/de/show...Mod_Navigation Vielleicht hilft dir das.
    Joe,
    Ist es nicht möglich im Backend verschiedene Klassen zu vergeben?

    Weil die Variante im Link verstehe ich nicht

    Gesendet von meinem SM-N9005 mit Tapatalk

  4. #4
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,

    ungetestet würde ich mal folgendes probieren:
    in der Seitenstruktur des jeweiligen Menüpunktes gibst du am unteren Ende der Seite unter 'CSS-Klasse'
    Code:
    {{page::alias}}
    ein. Damit bekommt jeder Menüpunkt die Klasse zugewiesen, die genauso heisst wie der jeweilige Seitenalias.

    Jetzt kannst du dem jeweiligen <li>-Tag im CSS ein entsprechendes Hintergrundbild/Icon zuweisen, das du entsprechend mittig, oben plazierst.
    Den Link selbst <a>-Tag plazierst du via CSS dann ebenfalls mittig, und entsprechend unten ...
    Grüsse
    Bernhard


Aktive Benutzer

Aktive Benutzer

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

Berechtigungen

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