Einzelne Menüpunkte mit Grafik versehen

  • daimos daimos
    Sternenflotten-Admiral
    0 x
    178 Beiträge
    0 Hilfreiche Beiträge
    08. 09. 2009, 08:56

    Hallo,
    wie erstellt man ein Menü, in der einzelne (bei mir 3) Menüpunkte ein Hintergrundbild bekommen. Jeder der 3 Menüpunkte bekommt ein anderes Hintergrundbild.

    Mein TS-Code

    [TS]lib.submenu = COA
    lib.submenu {
    10 = HMENU
    10 {
    special = directory
    special.value = 4
    #entryLevel = 1
    1 = TMENU
    1 {
    noBlur = 1
    accessKey = 1
    wrap = <ul class="vlist">|</ul>
    NO = 1
    NO {
    linkWrap = |<span class="hidden">.</span>
    wrapItemAndSub = <li>|</li>

    stdWrap.prepend = COA
    stdWrap.prepend {
    10 = LOAD_REGISTER
    10 {
    # L2N: Level2Number
    tempN.data = register:L2N
    tempN.wrap = |+1
    L2N.data = register:tempN
    L2N.prioriCalc = 1
    L3N = 0

    }
    20 = COA
    20 {
    stdWrap.noTrimWrap = |<dfn>3.|</dfn> |
    10 = TEXT
    10.data = register:L2N
    }
    }
    }
    ACT < .NO
    ACT = 1
    ACT {
    wrapItemAndSub = <li class="active">|</li>
    }
    CUR < .NO
    CUR = 1
    CUR {
    linkWrap = <span class="active">|</span><span class="hidden">.</span>
    doNotLinkIt = 1
    }
    }

    2 < .1
    2 {
    NO.stdWrap.prepend {
    10 {
    # L3N: Level1Number
    tempN.data = register:L3N
    L2N >
    L3N.data = register:tempN
    L3N.prioriCalc = 1
    }
    20 {
    10.wrap = |.
    20 = TEXT
    20.data = register:L3N
    }
    }
    }

    3 < .2
    3 {
    NO.stdWrap.prepend {
    10 {
    # L3N: Level1Number
    tempN.data = register:L3N
    L2N >
    L3N.data = register:tempN
    L3N.prioriCalc = 1
    }
    20 {
    10.wrap = |.
    20 = TEXT
    20.data = register:L3N
    }
    }
    }

    4 < .3
    4 {
    NO.stdWrap.prepend {
    10 {
    # L3N: Level1Number
    tempN.data = register:L3N
    L2N >
    L3N.data = register:tempN
    L3N.prioriCalc = 1
    }
    20 {
    10.wrap = |.
    20 = TEXT
    20.data = register:L3N
    }
    }
    }

    }
    }

    [/TS]

    Alle anderen Menüpunkte bekommen ihr aussehen über eine CSS-Datei.

    Kann mir da jemand helfen?

    Danke[/TS]


  • 1
  • 0 x
    3196 Beiträge
    151 Hilfreiche Beiträge
    08. 09. 2009, 09:49

    Hallo.

    Je nach Kriterium, [i]welche[/i] Menüpunkte anders sein sollen, kannst Du die Page-ID des Menüpunkts oder die Nummerierunga us Deinen Registern in eine ID/Klasse für CSS einbauen.

    Viele Grüße
    Julian

  • daimos daimos
    Sternenflotten-Admiral
    0 x
    178 Beiträge
    0 Hilfreiche Beiträge
    08. 09. 2009, 12:13

    Hm, Du meinst so?
    Id Nummer z.B. 48

    im CSS:
    .48 {
    schnick und schnack
    }

    Danke

  • 0 x
    3196 Beiträge
    151 Hilfreiche Beiträge
    08. 09. 2009, 12:48

    So in etwa. Jede Seite hat ja ihre einmalige id. Das kann man sich in Meüs zu Nutze machen (wobei man noch ein Präfix braucht, weil IDs bzw. Klassen in HTML nicht rein nummerisch sein dürfen).
    Der HTML-Code wäre also z.B. irgenwas der Art: [HTML]<ul><li id="page1"><a href="index.php?id=1">Home</a></li></ul>[/HTML]

    Und CSS[HTML]li#page1 { color: #f00; }[/HTML]

  • daimos daimos
    Sternenflotten-Admiral
    0 x
    178 Beiträge
    0 Hilfreiche Beiträge
    08. 09. 2009, 13:30

    Schade, klappt so nicht.
    Das hier ist die HTML-Ausgabe

    [HTML]<ul class="vlist">
    <li>
    <a accesskey="R" title=" (ALT+R)" href="index.php?id=regenerationvonpfpe">
    <dfn>3.4</dfn>
    Regeneration von PFPE
    </a>
    <span class="hidden">.</span>
    </li>[/HTML]

    Das hier das CSS:
    [HTML].vlist li#regenerationvonpfpe {
    color: #fff;
    background-image: url("images/regeneration.jpg");
    background-repeat: no-repeat;
    } [/HTML]

  • 1