Contao-Camp 2024
Ergebnis 1 bis 4 von 4

Thema: Navigationselement gestalten

  1. #1
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    27

    Standard Navigationselement gestalten

    Mein Auftraggeber möchte, dass ich eines der Navigationselemente (horizontale Navigation,
    z.B. das erste von links, das bei mir "Home" heisst) anders gestalte als die anderen. Er wünscht
    entweder eine besondere Farbe oder einen andereren Font oder ein Bild (statt Text "Home"). Ich habe
    bis jetzt keinen Weg gefunden, dieses eine Element in einem CSS-Style referenzieren.

    Weiss jemand Rat?

    Danke im Voraus für gute Ideen.

  2. #2
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    771
    User beschenken
    Wunschliste

    Standard

    Hi,

    die CSS-Klasse der jeweiligen Seite taucht normalerweise auch als Klasse in der Navigation auf.
    Ansonsten könntest Du das Element auch mittels der Pseudoklasse ::first-child ansprechen.
    Grüße, Stefko

  3. #3
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    27

    Standard Danke Stefko - Teilerfolg

    Habe diverses probiert im CSS; Teilerfolg mit:

    nav1 li:first-child (nur EIN Doppelpunkt).
    und dort ein Hintergrundbild angegeben mit no repeat und die Schrift auf Weiss gestellt.
    Das Bild erschien tatsächlich am richtigen Ort.

    Es gab aber Probleme, wenn ich andere Elemente von nav anklickte...
    Ist das die richtige Fährte oder bin ich auf dem Holzweg?

    LG koanick

  4. #4
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Kennst du die Browsertools? In jedem gängigen Browser kannst du sie mit F12 aufrufen und damit deine Seite und die bei den verschiedenen Elementen greifenden CSS-Regeln untersuchen.

    Ansonsten: wir haben keine Glaskugel, nur das Internet. Wenn du uns einen Link zu der Seite gibst und beschreibst, was genau nicht wie gewünscht funktioniert, dann kann man besser helfen.

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
  •