---
title: "Menudarstellung mit Grafik"
url: "https://www.typo3.net/d/2513-menudarstellung-mit-grafik"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2003-05-02"
last_reply: "2003-05-03"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Menudarstellung mit Grafik

TYPO3 › Menüs · 4 Antworten · gestartet 2003-05-02

## Eröffnungsbeitrag

**celeron** · 2003-05-02 · [Beitrag #1](https://www.typo3.net/d/2513-menudarstellung-mit-grafik/1)

Hallo ich möchte eine kleine Grafik vor meine Menüeinträge (nur bei MENU_OBEN)einbinden.
Habe im Forum nichts gefunden was funktioniert hat. Meisten war mein Menü verschwunden.
Wie groß muß das Bild sein, wenn man es auf den Textlegen will?

Hier mein Template-Script vor dem Eingriff.

################

## GMENU_LAYERS
includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
includeLibs.gmenu_foldout = media/scripts/gmenu_foldout.php

temp.popupMenu = HMENU
temp.popupMenu.1 = GMENU_LAYERS
temp.popupMenu.1.expAll=1
temp.popupMenu.1 {
  lockPosition = x
  xPosOffset = -0
  topOffset = 14

}
temp.popupMenu.1.NO {
  backColor = #009966
  XY = [10.w]+10, 14
  10 = TEXT
  10.text.field = nav_title // title
  10.offset = 5,10
}
temp.popupMenu.1.RO < temp.popupMenu.1.NO
temp.popupMenu.1.RO=1
temp.popupMenu.1.RO.backColor = #FEFBF4

temp.popupMenu.2 = GMENU
temp.popupMenu.2.useLargestItemX = 1
temp.popupMenu.2.wrap = <nobr>|</nobr>
temp.popupMenu.2.NO {
  wrap = | <bR>
  backColor = #50B893

  XY = [10.w]+10, 14
  10 = TEXT
  10.text.field = nav_title // title
  10.offset = 5,10
}
temp.popupMenu.2.RO < temp.popupMenu.2.NO
temp.popupMenu.2.RO=1
temp.popupMenu.2.RO.backColor = #FEFBF4

temp.popupMenu.3 < temp.popupMenu.2
temp.popupMenu.3.NO {
  backColor = #66FF66
}
temp.popupMenu.3.RO < temp.popupMenu.3.NO
temp.popupMenu.3.RO=1
temp.popupMenu.3.RO.backColor = #00FF00

##############

# Setting up 'page' to be the default PAGE object (type=0)
page = PAGE
page.typeNum = 0
page.bodyTagMargins = 0
tt_content.menu.20.2 < styles.sitemap.gs
page.bodyTag = <body bgcolor="#EEEEEF">
config.intTarget = {$PAGE_TARGET}

#page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php

# Load template
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/template/template.htm
workOnSubpart = DOKUMENT

# Hier wird der maincontent geladen
marks.INHALT < styles.content.get
marks.UPDATE < styles.content.lastUpdate

**#Menu oben

marks.MENU_OBEN < temp.popupMenu
marks.MENU_OBEN.excludeUidList = 415,416,417,418,449,450,451,452,453,454,455,456,457,458,459,498,499,500,519,520,521,524
marks.MENU_OBEN {
}

marks.MENU_OBEN.1{
  lockPosition =
  xPosOffset = 25
  topOffset = 90
}**

Bin am Verzweifeln .-(

Gruß
Damian

## Antworten

### [#2](https://www.typo3.net/d/2513-menudarstellung-mit-grafik/2) · Mathias netfielders · 2003-05-02

wenn 10 dein Textobject ist, mach doch einfach 5 als IMAGE (rest, siehe TSRef)

### [#3](https://www.typo3.net/d/2513-menudarstellung-mit-grafik/3) · celeron · 2003-05-02

Hallo
habe Deinen Vorschlag mal ausprobiert. Leider ohne Erfolg.
wenn ich dieses Template verwende, sehe ich mein Menu aber ohne Grafik.

Wenn ich die fettmarkierte Stelle entferne sehe ich gar kein Menü mehr.
Die Grafikdatei liegt im Verzeichniss. (Habe es schon 50mal überprüft)

Hier mein Code:

## GMENU_LAYERS
includeLibs.gmenu_layers = media/scripts/gmenu_layers.php

temp.popupMenu = HMENU
temp.popupMenu.1 = GMENU_LAYERS
temp.popupMenu.1.expAll=1
temp.popupMenu.1 {
                             lockPosition = x
                             xPosOffset = -0
                             topOffset = 14
                             # Schliesst das Menu, wenn Maus weiter als 50px entfernt
                             hideMenuWhenNotOver = 50
                             NO {

                                   XY = [4.w] , [4.h]
                                   4 = IMAGE
                                   4.file = fileadmin/template/menu.gif

                                   **XY = [10.w]+10, 14**
                                   10 = TEXT
                                   10.text.field = title
                                   10.fontFile = fileadmin/fonds/verdana.ttf
                                   10.fontSize = 12
                                   10.offset = 5,10
                                   10.niceText = 0
                                  }

                              ACT < .NO
                              ACT = 1
                              ACT.4.file = fileadmin/template/menu.gif

RO < temp.popupMenu.1.NO
                              RO = 1
                              RO {
                                     backColor = #00DF97
                                    }
                               }

temp.popupMenu.2 = GMENU
temp.popupMenu.2{
                             useLargestItemX = 1
                             wrap = <nobr>|</nobr>
                             NO {
                                   wrap = | <bR>
                                  # backColor = #50B893
                                   XY = [4.w] , [4.h]
                                   4 = IMAGE
                                   4.file = fileadmin/template/menu.gif

                                   **XY = [10.w]+10, 14**
                                   10 = TEXT
                                   10.text.field = title
                                   10.fontFile = fileadmin/fonds/verdana.ttf
                                   10.fontSize = 10
                                   10.offset = 5,10
                                   10.niceText = 0
                                  }
                              RO < temp.popupMenu.2.NO
                              RO = 1
                              RO{
                                    backColor = #FEFBF4
                                   }
                             }

##################################################

# Setting up 'page' to be the default PAGE object (type=0)
page = PAGE
page.typeNum = 0
page.bodyTagMargins = 0
tt_content.menu.20.2 < styles.sitemap.gs
page.bodyTag = <body bgcolor="#EEEEEF">
config.intTarget = {$PAGE_TARGET}

# Load template
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/template/template.htm
workOnSubpart = DOKUMENT

# Hier wird der maincontent geladen
marks.INHALT < styles.content.get
marks.UPDATE < styles.content.lastUpdate

#Menu oben

marks.MENU_OBEN < temp.popupMenu
marks.MENU_OBEN.excludeUidList = 415,416,417,418,449,450,451,452,453,454,455,456,457,458,459,498,499,500,519,520,521,524

marks.MENU_OBEN.1{
                              NO{

}
                              lockPosition =
                              xPosOffset = 25
                              topOffset = 90
                             }

#Menu links

marks.ML < temp.popupMenu
marks.ML.entryLevel = 2
marks.ML{
               typeNum = 11
               useLargestItemX = 1
               config.forceTypeValue = 11
               10.br=1
              }

marks.ML.1{
                 NO.wrap = |<BR>
                 useLargestItemX = 1
                 lockPosition =
                 xPosOffset = -5
                 yPosOffset = 0
                 topOffset =
                 leftOffset =
                 blankStrEqFalse = 1
                 dontFollowMouse = 1
                 }

# Menü unten

marks.MENU_UNTEN= HMENU
marks.MENU_UNTEN{
                             special = rootline
                           special.range = 0|-1
                            1 = TMENU
                           1.target = _self
                            1.wrap = <font color = "white" face="Arial" size="1">|</font>
                            1.NO.linkWrap = | >
                            }
}

### [#4](https://www.typo3.net/d/2513-menudarstellung-mit-grafik/4) · Mathias netfielders · 2003-05-02

a) du brauchst deinen ganzen code nicht posten, finde ich ziemlich übersichtlich
b) lass das XY mal weg , das ist nämlich quatsch und mach mal sowas:

```typoscript
4 = IMAGE
4.file = fileadmin/template/menu.gif
4.offset = 0,7
```

### [#5](https://www.typo3.net/d/2513-menudarstellung-mit-grafik/5) · celeron · 2003-05-03

OK habe die xy Koordinaten rausgeholt und Deinen Vorschlag eingebaut.
Das Menü wir jetzt auseinandergezogen, bleibt aber mit weißem Hintergrund, anstatt mit gif-bild.

Noch eine Idee ??

Gruß
Damian

---

Quelle: „Menudarstellung mit Grafik“, typo3.net, https://www.typo3.net/d/2513-menudarstellung-mit-grafik
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.