---
title: "Menu mit Hintergrundbild und Rollover...?"
url: "https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2004-05-25"
last_reply: "2004-05-25"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Menu mit Hintergrundbild und Rollover...?

TYPO3 › Menüs · 6 Antworten · gestartet 2004-05-25

## Eröffnungsbeitrag

**w@** · 2004-05-25 · [Beitrag #1](https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover/1)

Hallo Gemeinde

Mal ne Frage....

Wie krieg ich am besten/einfachsten ein solches
Menu hingezaubert....?

[Bild: peay.ch/…/shortmenu-bg.gif](http://www.peay.ch/fileadmin/_temp_/th-nails/shortmenu-bg.gif)

Zudem sollte auch ein Rollover Effekt möglich sein.

Bin für alle Tipps dankbar

Gruss w@

## Antworten

### [#2](https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover/2) · doku · 2004-05-25

da arbeitest du am besten die übungen in der dokumentation **ts by example** durch, danach is das alles kein problem mehr... ;)

### [#3](https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover/3) · w@ · 2004-05-25

@ doku

tja....ganz so einfach ist's ja wohl doch nicht.....  ;)

> temp.navi= HMENU
> temp.navi {
>   special = list
>   special.value = 9,8,7,6,5,4
> }
>
> #1st level menu
> temp.navi.1 = GMENU
>
> **#prepare for bg-image
> temp.navi.1.applyTotalH=5
> temp.navi.1.min = , 300
> temp.navi.1.max = , 300**
>
> temp.navi.1 {
>
> #normal state
>   NO {
>     wrap = <div> | </div>
>     backColor = #8CA6C6
>     XY = 125, 18
>
>     **5 = IMAGE
>     5.file = fileadmin/main/images/shortmenu-bg.gif**
>
> 10 = TEXT
>     10.text.field = title
>     10.fontFile = fileadmin/arial.ttf
>     10.fontColor = #FFFFFF
>     10.fontSize = 14
>     10.fontStyle = bold
>     10.offset = 5, 13
>     10.niceText = 0
>    }
>
> # roll-over effect
>   RO < .NO
>   RO {
>     10.fontColor = #FF624B
>   }
>   RO = 1
>
> # active state
>   ACT < .NO
>   ACT = 1
> }

Nun fängt aber das Menu ganz oben im Bild an, sollte aber
erst bei Y-Achse ca. 120px mit dem Aufbau beginnen.

Wie kann ich meinem GMENU nun noch die "Start" Koordinaten
bekannt geben....?

CU w@

### [#4](https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover/4) · doku · 2004-05-25

was erwartest du denn, wenn du deine eingangsfrage so unkonkret formulierst?? (sinngemäß: wie krieg ich sowas hin...?)

nun denn, entweder du machst es über´s html template, was sicherlich einfacher ist, oder du benutzt optionsplit, da gibst du halt für das erste menuelement einen wrap an, der dir den abstand bringt und alle anderen menupunkte folgen...

### [#5](https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover/5) · TW · 2004-05-25

> **doku schrieb:**
>
> was erwartest du denn, wenn du deine eingangsfrage so unkonkret formulierst?? (sinngemäß: wie krieg ich sowas hin...?)

bist du ein lehrer oder sowas? #giggle#  ;)

### [#6](https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover/6) · doku · 2004-05-25

> bist du ein lehrer oder sowas?

hää??
mal nicht den teufel an die wand!!!

ich wollte doch nur sagen, daß ich (wie jeder andere ja wohl auch...) bei falschen, bzw. **völlig überflüssigen hilfeüberlegungen** lande, wenn die frage nicht gewisse grundinformationen enthält.

in diesem fall dachte ich natürlich, da will jemand wissen, wie man überhaupt so ein menu baut (dabei gips den kompletten code schon längst... #evil# ), und plötzlich ging´s gerademal um ein bißchen  menugeschiebe... :(

dat is dann frustig... (ein bißchen zumindest  ;) )

ich laß mich deswegen jetzt so an diesem **beispiel** aus (also nicht allzu persönlich nehmen, w@!), weil es weit eine verbreitete unsitte ist.

### [#7](https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover/7) · w@ · 2004-05-25

> @TW und @doku
>
> Sorry...mein Fehler.
> doku hatte recht. war wirklich nicht gerade die beste
> Fragestellung. werde mich versuchen zu bessern.  ;)
>
> Danke aber trotzdem für eure hint's und tipps.
> Sind doch immerwieder gerne gesehen.....

Hab's jetzt so gelöst... (für die's interressiert...)

Im HTML-Template nen marker fürs Hintergrundbild gesetzt....
und ne zweite Tabelle reingemacht. Im ersten TD den
vertikalen Abstand definiert und im zweiten TD den marker
für das GMENU.

> <td valign="top" width="129" height="300" ###NAVIBG###>
> 														<table>
> 															<tr>
> 																<td width="125" height="125"></td>
> 															</tr>
> 															<tr>
> 																<td>###NAVI###</td>
> 															</tr>
> 														</table>
> 													</td>

> # Shortmenu und Search Teil
>   marks.NAVIBG = TEXT
>   marks.NAVIBG {
>     value = background ="fileadmin/main/images/shortmenu-bg.gif" height="300" width="125"
>   }

> temp.navi= HMENU
> temp.navi {
>   special = list
>   special.value = 9,8,7,6,5,4
> }
>
> #1st level menu
> temp.navi.1 = GMENU
> temp.navi.1 {
>
> #normal state
>   NO {
>     wrap = <div> | </div>
>     backColor = #8CA6C6
>     XY = 125, 18
>     10 = TEXT
>     10.text.field = title
>     10.fontFile = fileadmin/arial.ttf
>     10.fontColor = #FFFFFF
>     10.fontSize = 14
>     10.fontStyle = bold
>     10.offset = 5, 13
>     10.align = center
>     10.niceText = 0
>    }
>
> # roll-over effect
>   RO < .NO
>   RO {
>     10.fontColor = #FF624B
>   }
>   RO = 1
>
> # active state
>   ACT < .NO
>   ACT = 1
> }

So haut's hin....

Freude herrscht.  #giggle#

Danke nochmals    CU w@

---

Quelle: „Menu mit Hintergrundbild und Rollover...?“, typo3.net, https://www.typo3.net/d/11801-menu-mit-hintergrundbild-und-rollover
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
