Links in der Navigation unterschiedlich formatieren

    Hallo zusammen,

    ich habe hier schon die Suchfunktion bemüht, allerdings nichts zu meiner Frage gefunden ...

    Ich möchte gerne ein Template gestalten, in dem die Links in meiner horizontalen Navi unterschiedlich formatiert sind. So in der Art, dass der Hover-Effekt für "Home" z.B. rot ist, während der fürs Impressum blau ist. "About me" soll wiederum grün sein. Geht so etwas denn? Und wenn ja, wie?

    Liebe Grüße, hzirl

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    hmm
    sagen wir mal dies so aus:

    Code
    <ul><li><a href..........
<li><a href.......
<li><a href.........
</ul>

    dann kannst Du in der style.css jedes li einzeln ansprechen indem Du seine Reihenfolge nutzt:

    Code
    ul li{blablubsch....}
ul li+li{blablischdi...}


ul li+li+li{blubschdibumsdi...}

    probier dies einfach mal aus ;)

    ob du dann

    ul li+li a:hover
    oder
    ul li+li+li a:active

    brauchst hängt vom Theme insgesamt ab

    aber das Syste gilt es zu erkennen;)

    erlaubt wunderbare Spielreien

    lg

    Diese Art von CSS funktioniert im IE erst ab Version 7 vollständig, die anderen Browser kommen (soll ich sagen: natürlich *gg*) damit klar ... Gibt es eine Möglichkeit, wie man zumindest IE 6 zu so etwas ebenfalls bringen kann?

    LG, hzirl

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden