Layout "Simple Responsive": Hauptnavigation mit Trennzeichen möglich?

  • Hallo liebes Zeta-Team,

    gibt es - z. B. über einen css-Code für die nav-pills - die Möglichkeit, die einzelnen Rubriken in der Hauptnavigation durch ein Trennzeichen oder ein "border-right ..." voneinander zu trennen? Also z. B. so:

    Startseite | Dienstleistungen |  Wir über uns | Und so weiter |

    Das wäre schön. Bin gespannt.

    Lieben Dank & liebe Grüße

    Sunny :)

    PS:
    Freu mich auf die 13!

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Du könntest es über erweitertes CSS versuchen.

    • Gehe zu Website -> Einstellungen -> CSS
    • Trage hier den folgenden CSS Codeschnipsel ein (ohne Überschrift und ohne Zeilennummern)
    CSS
    <style>
    ul.mainmenu li {
        border-right: 1px solid white;
    }
    </style>
    • Passe ggf. den Farbwert (im obigen Code als "white" deklariert entsprechend an)
    • Speichere das Ganze mit OK
    • Erstelle deine Webseite mit F6 oder u.U. auch mit fn+F6
  • Yeah! So geht's! Vielen Dank, lieber Thomas!

    Herzliche Grüße und einen schönen Abend
    :thumbup:

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo nochmal ;) ,

    gibt es eine Möglichkeit, die Trennlinie rechts beim letzten Navigationspunkt NICHT anzueigen zu lassen? Dann wäre es "designtechnisch" peferkt ...

    Liebe Grüße, bin gespannt

    Sunny

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

  • Hallo,

    der komplette Code sähe dann so aus:

    Code
    <style>
    ul.mainmenu li {
        border-right: 1px solid white;
    }
    ul.mainmenu li:last-child {
        border-right: none;
    }
    </style>
  • Hallo Thomas,

    wow - genial! Ich bin rundum begeistert! Vielen lieben Dank!

    Allerbeste Grüße

    Sunny :thumbup:

    ruster.MEDIA
    Inhaber: Sonja Ruster
    Zeta 17.2.2 | Business

    🌞

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!