Schriftgewicht im Linkmenü ändern wenn der Link aktiv ist

  • Hallo liebes Zeta Team,

    ich habe von euch schon mal eine Code bekommen wie ich das Schriftgewicht von den verschiedenen Linkmenüs von "bold" auf "normal" ändern kann ( Link nicht aktiv)
    und hat auch wunderbar funktioniert.

    <style>
    #mainmenu a{ font-weight: normal;}
    #submenu a.subnav1{ font-weight: normal;}
    #submenu a.subnav2{ font-weight: normal;}
    < /style>

    Jetzt möchte ich gerne das Schriftgewicht bei aktiven Link ebenfalls von "bold" auf "normal" ändern.

    Könnten Sie mir bitte wieder den Code bekanntgeben.

    Verwendetes Layout "Cars" Businessversion 12

    Vielen Dank
    Egon

  • Hallo,

    da hängt man an das "a" jeweils die Pseudoklasse an, also z.B. a:active – siehe http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm

    Code
    <style>
      #mainmenu a, #mainmenu a:active{ font-weight: normal;}
      #submenu a.subnav1, #submenu a:active.subnav1{ font-weight: normal;}
      #submenu a.subnav2, #submenu a:active.subnav2{ font-weight: normal;}
    < /style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ich hoffe wir verstehen unter "aktiv" beide das selbe. Vielleicht könnten Sie ja erklären, was Sie unter "aktiv" verstehen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ich verstehe darunter für gerade angeklickte Elemente im Hauptmenü, Untermenü Ebene 1 und Untermenü Ebene 2

    Habe den Code gerade eingegeben und es funktioniert leider nur bei dem Hauptmenü. Da bleibt das Schriftgewicht immer in "normal"
    Bei dem Untermenü 1 und Untermenü 2 werden die Elemente immer noch in Bold angezeigt wenn ich auf den Link klicke.
    Bei "Mouse over" und "inaktiv" bleiben sie im Schriftgewicht "normal"

    Freundliche Grüße
    Egon

  • Hallo,

    der Code von mir bezog sich auf den CSS "active" Zustand eines Links. Das ist der Moment in dem die Maus drauf klickt (und der Maus Button gedrückt ist).

    Ich verstehe jetzt aber, was Sie meinen. Das wäre dann dieser Code (dieser ersetzt den bisherigen):

    Code
    <style>
      #mainmenu a{ font-weight: normal;}
      #submenu a.subnav1{ font-weight: normal;}
      #submenu a.subnav2{ font-weight: normal;}
      #submenu a.subnav1active{ font-weight: normal;}
      #submenu a.subnav2active{ font-weight: normal;}
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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