---
title: "Grafik im Menü anpassen"
url: "https://www.typo3.net/d/34420-grafik-im-menue-anpassen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Bilder","Frage"]
created: "2005-12-06"
last_reply: "2005-12-06"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Grafik im Menü anpassen

TYPO3 › Menüs · 5 Antworten · gestartet 2005-12-06

## Eröffnungsbeitrag

**Renegade** · 2005-12-06 · [Beitrag #1](https://www.typo3.net/d/34420-grafik-im-menue-anpassen/1)

Hallo

Ich würde gerne die Menügrafik anpassen, da hänge ich zur Zeit ein wenig.
Das ganze sieht zur Zeit so aus: <http://www.hsdevelopment.at/index.php?id=7>
Das Obermenü passt mir so eigentlich auch schon, aber bei den Untermenüs möchte ich die Grafik ändern, ich möchte das ganze zentrieren und ein wenig einrücken, und bei der 3. Ebene noch ein wenig mehr einrücken.
Beim Rollover Effekt hätte ich auch gerne das sich der Punkt ändert, statt wie jetzt kreis_weiß.gif soll dann zB kreis_rot.gif kommen.
Das ganze müsste ja mittels Typoscript zu ändern sein, oder?

Hier der Auszug

```typoscript
# Grafisches  Menü
MENU = HMENU
MENU {
special = directory
special.value = 1
1 = GMENU
1.NO = 1
1.NO {
wrap = |<br>
XY = 140,24 
backColor = #C0C0C0

# Text für das Menü
10 = TEXT
10.text.field = title
10.fontColor = #666666
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 11
10.offset = 14, 16

# Grafik im Menü
20 = IMAGE
20.file = fileadmin/images/kreis-grau.jpg
20.offset = 0, 9
}
#Einen RollOver Zustand beschreiben
      1.RO < .1.NO
      1.RO.10.fontColor = #ff0000
      1.RO.10.fontSize = 12
      1.SPC < .1.NO
      1.SPC.10.fontColor = #ffffff
      1.SPC.XY = 140,10


      #Die zweite Navigationsebene

      2 < .1
      2.NO{
           XY = 140,15
       	  
           backColor = #C0C0C0
           10.fontFile = fileadmin/fonts/arial.ttf
           10.fontColor = #666666
           10.fontSize = 9
           10.offset = 20, 10
           }

     2.RO < .2.NO
     2.RO.10.fontColor = #ff0000
     2.RO.10.fontSize = 9

	#Die dritte Navigationsebene
      3 < .1
      3.NO{
           XY = 140,15
           backColor = #C0C0C0
           10.fontFile = fileadmin/fonts/arial.ttf
           10.fontColor = #666666
           10.fontSize = 8
           10.offset = 33, 10
           }

     3.RO < .3.NO
     3.RO.10.fontColor = #ff0000
    }
```

Ich sag schonmal danke an den Helfer :-)

## Antworten

### [#2](https://www.typo3.net/d/34420-grafik-im-menue-anpassen/2) · Liberation · 2005-12-06

Hi,
wieso baust du alles mit Grafiken zusammen? Dazu nimmt man normalerweise CSS & damit formatiert man auch alles.

Gruss

### [#3](https://www.typo3.net/d/34420-grafik-im-menue-anpassen/3) · Renegade · 2005-12-06

> **Liberation schrieb:**
>
> Hi,
> wieso baust du alles mit Grafiken zusammen? Dazu nimmt man normalerweise CSS & damit formatiert man auch alles.
>
> Gruss

tue ich mir im Moment noch leichter damit, in CSS muss ich mich erst einlesen bzw einprobieren.
Aber es geht so auch, oder?
Wenn ja wie?

### [#4](https://www.typo3.net/d/34420-grafik-im-menue-anpassen/4) · Liberation · 2005-12-06

Also so wie du es machen willst, macht das kein mensch:)
Da kannst du doch auch direkt Photoshop Grafiken auf den Server laden.
Ohne CSS kommt man da nicht weit da musst Du dich wohl oder übel einlesen.

### [#5](https://www.typo3.net/d/34420-grafik-im-menue-anpassen/5) · Dander · 2005-12-06

hi,

also das mit dem rollover ist recht simple.

```typoscript
1.RO.20.file = fileadmin/images/kreis-weis.jpg
```

der rest ist natürlich per css am einfachsten oder du löst das über
den wrap

### [#6](https://www.typo3.net/d/34420-grafik-im-menue-anpassen/6) · Renegade · 2005-12-06

> **Dander schrieb:**
>
> hi,
>
> also das mit dem rollover ist recht simple.
>
> ```typoscript
> 1.RO.20.file = fileadmin/images/kreis-weis.jpg
> ```
>
> der rest ist natürlich per css am einfachsten oder du löst das über
> den wrap

vielen dank für deine hilfe

---

Quelle: „Grafik im Menü anpassen“, typo3.net, https://www.typo3.net/d/34420-grafik-im-menue-anpassen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.