---
title: "Mouse Over Effekt im Grafikmenü ? Wie geht das ? Code Inside"
url: "https://www.typo3.net/d/9141-mouse-over-effekt-im-grafikmenue-wie-geht-das-code-inside"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2004-02-17"
last_reply: "2004-02-19"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Mouse Over Effekt im Grafikmenü ? Wie geht das ? Code Inside

TYPO3 › Menüs · 1 Antwort · gestartet 2004-02-17

## Eröffnungsbeitrag

**visionsurfer** · 2004-02-17 · [Beitrag #1](https://www.typo3.net/d/9141-mouse-over-effekt-im-grafikmenue-wie-geht-das-code-inside/1)

Hallo,

auf meiner Seite www.seelmann-partner.de lasse ich das Hauptmenu auf der linken Seite als Grafikmenü erzeugen. Es klappt auch wunderbar, das wenn ich mit der Maus über die Menupunkte fahre, das dann die Punkte unterstrichen werden und wenn ich ein Punkt anklicke, dann bleibt er "Aktiv".

Ich möchte aber jetzt zusätzlich gerne noch das wenn ich mit der Maus über einen Menupunkt fahre, das sich die Farbe verändert.

Per CSS kann ich da ja nichts machen ? Wie muss ich meinen Code verändern, das sowas funktioniert ?

Hier mein Code vom Hauptmenu:

```typoscript
seite.10.marks.HAUPTMENU = HMENU
seite.10.marks.HAUPTMENU.special = directory
seite.10.marks.HAUPTMENU.wrap = <table> <tr> <td align="right"> | </td> </tr> </table>
seite.10.marks.HAUPTMENU.special.value = 40
seite.10.marks.HAUPTMENU.1 = GMENU
seite.10.marks.HAUPTMENU.1.NO {
  wrap = <tr><td>|&nbsp;</td></tr>
##before = &nbsp;|&nbsp;
##after =  |*| |*|&nbsp;
  XY = [20.w]+8, 20
  backColor = #F9B12A
  20 = TEXT
  20.text.field = title
  20.fontFile = fileadmin/schrift/GOTHIC.TTF
  20.fontColor = #B1272D
  20.fontSize = 14
  20.offset = 4, 14
  20.niceText = 0
  20.antiAlias = 1
}
seite.10.marks.HAUPTMENU.1.RO < seite.10.marks.HAUPTMENU.1.NO
seite.10.marks.HAUPTMENU.1.RO = 1
seite.10.marks.HAUPTMENU.1.RO.10 = BOX
seite.10.marks.HAUPTMENU.1.RO.10.dimensions = 5, 17, [20.w]+1, 1
seite.10.marks.HAUPTMENU.1.RO.10.color = #B1272D
seite.10.marks.HAUPTMENU.1.ACT < seite.10.marks.HAUPTMENU.1.RO
seite.10.marks.HAUPTMENU.1.ACT = 1
```

Würde mich über Antwort sehr freuen.

Vielen Dank,

Visionsurfer

## Antworten

### [#2](https://www.typo3.net/d/9141-mouse-over-effekt-im-grafikmenue-wie-geht-das-code-inside/2) · mcmz · 2004-02-19

So sollte es gehen:

```typoscript
menu.30 = HMENU
menu.30.special = directory
menu.30.wrap = <table> <tr> <td align="right"> | </td> </tr> </table>
menu.30.special.value = 40
menu.30.1 = GMENU
menu.30.1.NO {
  wrap = <tr><td>|&nbsp;</td></tr>
##before = &nbsp;|&nbsp;
##after =  |*| |*|&nbsp;
  XY = [20.w]+8, 20
  backColor = #F9B12A

  20 = TEXT
  20.text.field = title
  20.fontFile = fileadmin/schrift/GOTHIC.TTF
  20.fontColor = #B1272D
  20.fontSize = 14
  20.offset = 4, 14
  20.niceText = 0
  20.antiAlias = 1
}
menu.30.1.RO < menu.30.1.NO
menu.30.1.RO = 1
#menu.30.1.RO.10 = BOX
#menu.30.1.RO.10.dimensions = 5, 17, [20.w]+1, 1
#menu.30.1.RO.10.color = #B1272D

menu.30.1.RO.backColor = #B1272D
```

Wenn du objekte vererbst "<"  musst du nur den jeweiligen parameter überschreiben.
"menu.30.1.RO" bekommt durch "<" ja alle Eigenschaften von "menu.30.1.NO"
dann muss die Eigenschaft der "backColor" bei RO nur noch neu definiert werden und so wird hier die button hintergrundfarbe für den RollOver neu gesetzt.

grüsse ausm jecken köln un dreimol Kölle alaaf

---

Quelle: „Mouse Over Effekt im Grafikmenü ? Wie geht das ? Code Inside“, typo3.net, https://www.typo3.net/d/9141-mouse-over-effekt-im-grafikmenue-wie-geht-das-code-inside
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
