Markierung für aktuelle Seite per CCS

[newbie23]

Hallo zusammen,

könnt ihr mir dabei helfen das css meiner Seite svenson-photographs.com so anzupassen, dass in der Navigation die aktuelle Seite mit einer bestimmten Hintergrundfarbe markiert wird?

Vielen Dank für eure Tipps.

Beste Grüße
Sven

[wildmieze]

Moin^^

Ich würde dem aktiven Link im Typoscript eine eigene Klasse zuweisen - die kannst Du dann beliebig formatieren.
Das müsste über "ACT" funktionieren, wenn ich mich nicht ganz irre.. aber vielleicht kann es Dir hier jemand genauer beschreiben oder Du findest was Passendes bei google, ich habs gerade nicht mehr auswendig im Kopf

Liebe Grüße
Mieze

[newbie23]

Hi,

danke für deine Antwort! Aber wäre schon gut wenn mir jemand genauer sagen wie es fuktioniert, mir fällt das Ganze nämlich noch recht schwer. Mit google komme ich momentan auch nicht recht weiter. Mir fehlt da leider noch das Know-How.

Aber vielleicht findet sich ja wirklich jemand er mir weiterhelfen kann.

Beste Grüße
Sven

[sejuma]

http://www.ohne-css.gehts-gar.net/0016.php

[pidd]

hatte ja schonmal auf deinen TS-Code geschaut. Und wildmieze hat recht.

versuch mal nach deinem NO ein

ACT = 1
ACT {
  wrapItemAndSub = <li> | </li>
  ATagTitle.field = title
  stdWrap.htmlSpecialChars = 1
  allWrap =  |
  ATagParams = class="active"
}

[newbie23]

Danke für Eure Antworten!

Irgendwie klappt es noch nicht, ich habe folgendes versucht:

  MENU_LINKS = HMENU
  MENU_LINKS {
    special=directory
    special.value=40      # PID der Seite, die das Haupt-Menü enthält
    wrap = <ul>|</ul>
    1=TMENU
    1.NO =1
    1.NO.wrapItemAndSub = <li>|</li>
    1.ACT = 1
    1.ACT.wrapItemAndSub = <li>|</li>
}

ACT = 1
ACT {
  wrapItemAndSub = <li> | </li>
  ATagTitle.field = title
  stdWrap.htmlSpecialChars = 1
  allWrap =  |
  ATagParams = class="active"
}

Und das hatte ich auch noch probiert:

MENU_LINKS = HMENU
  MENU_LINKS {
    special=directory
    special.value=40      # PID der Seite, die das Haupt-Menü enthält
    wrap = <ul>|</ul>
    1=TMENU
    1.NO =1
    1.NO.wrapItemAndSub = <li>|</li>
    1.ACT = 1
    1.ACT.wrapItemAndSub = <li>|</li>
  ATagTitle.field = title
  stdWrap.htmlSpecialChars = 1
  allWrap =  |
  ATagParams = class="active"
}

Beides hat wie gesagt nicht funktioniert. Was mache ich falsch?

Sieht der richtige Code für das Menü unten:

  MENU_LINKS2 = HMENU
  MENU_LINKS2 {
    entryLevel = 2    # Tiefe der Untermenü-Seiten
    1=TMENU
    1.NO =1
    1.NO.wrapItemAndSub = <li>|</li>
    1.ACT = 1
    1.ACT.wrapItemAndSub = <li>|</li>
    stdWrap {
        wrap = <ul>|</ul>
        required = 1
    }

genauso aus wie der für das obere Menü?

Beste Grüße
Sven

[newbie23]

hallo zusammen,

zur info, auch für andere user. folgender code hat das gewünschte erebnis geliefert:

MENU_LINKS = HMENU
MENU_LINKS {
special=directory
special.value=40 # PID der Seite, die das Haupt-Menü enthält
wrap = <ul>|</ul>
1=TMENU
1.NO =1
1.NO.wrapItemAndSub = <li>|</li>
1.ACT = 1
1.ACT.wrapItemAndSub = <li class="active">|</li>
}

MENU_LINKS2 = HMENU
MENU_LINKS2 {
entryLevel = 2 # Tiefe der Untermenü-Seiten
1=TMENU
1.NO =1
1.NO.wrapItemAndSub = <li>|</li>
1.ACT = 1
1.ACT.wrapItemAndSub = <li class="active">|</li>
stdWrap {
wrap = <ul>|</ul>
required = 1
}

beste grüße
sven