---
title: "Einzelne Menüpunkte mit Grafik versehen"
url: "https://www.typo3.net/d/92732-einzelne-menuepunkte-mit-grafik-versehen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2009-09-08"
last_reply: "2009-09-08"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Einzelne Menüpunkte mit Grafik versehen

TYPO3 › Menüs · 4 Antworten · gestartet 2009-09-08

## Eröffnungsbeitrag

**daimos** · 2009-09-08 · [Beitrag #1](https://www.typo3.net/d/92732-einzelne-menuepunkte-mit-grafik-versehen/1)

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

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

## Antworten

### [#2](https://www.typo3.net/d/92732-einzelne-menuepunkte-mit-grafik-versehen/2) · Julian.​Hofmann · 2009-09-08

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

### [#3](https://www.typo3.net/d/92732-einzelne-menuepunkte-mit-grafik-versehen/3) · daimos · 2009-09-08

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

im CSS:
.48 {
  schnick und schnack
}

Danke

### [#4](https://www.typo3.net/d/92732-einzelne-menuepunkte-mit-grafik-versehen/4) · Julian.​Hofmann · 2009-09-08

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

Und CSS

```html
li#page1 { color: #f00; }
```

### [#5](https://www.typo3.net/d/92732-einzelne-menuepunkte-mit-grafik-versehen/5) · daimos · 2009-09-08

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

Das hier das CSS:

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

---

Quelle: „Einzelne Menüpunkte mit Grafik versehen“, typo3.net, https://www.typo3.net/d/92732-einzelne-menuepunkte-mit-grafik-versehen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.