Einzelne Menüpunkte mit Grafik versehen

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

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
            }
         }
      }


   }
}

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

Kann mir da jemand helfen?

Danke

Hallo.

Je nach Kriterium, welche 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

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

im CSS:
.48 {
schnick und schnack
}

Danke

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:

<ul><li id="page1"><a href="index.php?id=1">Home</a></li></ul>

Und CSS

li#page1 { color: #f00; }

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

<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>

Das hier das CSS:

.vlist li#regenerationvonpfpe { 
      color: #fff;
      background-image:  url("images/regeneration.jpg");  
			background-repeat: no-repeat;
       }