---
title: "Grafikmenü jedes element anders?"
url: "https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders"
source: "typo3.net"
tags: ["TYPO3","Menüs","Bilder","Frage"]
created: "2006-07-04"
last_reply: "2006-07-07"
replies: 12
solved: false
page: 1
pages: 1
lang: "de"
---

# Grafikmenü jedes element anders?

TYPO3 › Menüs · 12 Antworten · gestartet 2006-07-04

## Eröffnungsbeitrag

**EvilDragon** · 2006-07-04 · [Beitrag #1](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/1)

hichen, hab auf folgender siete <http://www.codedragon.ath.cx/typo3/vitadom> das menü mit diesem code gemacht:

```typoscript
###################grafik menü####################################

      MENU_OBEN = HMENU
      MENU_OBEN {
        special.value = 3
        entryLevel = 1
        # grafikmenü
        1 = GMENU
        1.NO = 1
        1.NO {
          # umbruch für html-code
          #wrap = |<br>
          XY = 68, 30
          backColor = #B00000
          # text rendern
          10 = TEXT
          10 {
            text.field = title
            fontColor = #FFFFFF
            fontFile = fileadmin/fonts/arial.ttf
            fontSize = 7
            offset = 0, 25
        }
      #grafik ende
      }
      #roll over (kopie der grafik bzw objekt erstellen)
      1.RO < .1.NO
      # grfik und text mit schatten
      1.RO {
        tmp < .backColor
        backColor = #edeae6
        10.fontColor = #006f9f
        10.offset = 5, 15
      }  
    #Menu links ende
    }
    # markiert wo man grad ist
    MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
    #Menu links 2. ebene
    MENU_LINKS.2 < .MENU_LINKS.1
    # Eiegenschaften anders (Farben ect.)
    MENU_LINKS.2 {
      NO.backColor = #E2F5E5
      NO.10.fontColor = #006f9f
      RO < .NO
      RO.backColor = #FFFFFF
      RO.10.fontColor = #FF0000
      RO.5 >
      # zustand für zweite ebene
      CUR < .RO
    }

###################grafik menü####################################
```

jetzt wüsste ich gern ob es möglich ist jedes elemt eine bzw. grafik eine andere farbe zu geben (eigentlich soll es am ende ein farbverlauf von rot nach gelb werden)
ebenso ist es möglich die aufschrift mittig zu setzen statt selber die angeben für oben und links zu setzen?

vielen dank schom mal!

## Antworten

### [#2](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/2) · Honk88 · 2006-07-04

1.NO {
      XY = 68, 30

4 = IMAGE
      4.file =  /img/home.gif
 ...

kannst dann auch für 1.RO
ein anderes einbauen  ;)

### [#3](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/3) · EvilDragon · 2006-07-04

aber da mit erhält jedes element ja die selbe grafik oder? mir ging es da drum jedes element anders zu gestallten in dem ein andere hintergrund...

### [#4](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/4) · Honk88 · 2006-07-04

tja das ist schon richtig,
da must du dir dann schon
die mühe machen und das für
jeden deiner menüpunkte seperat
festlegen.

andere mäglichkeit : nimm den
mouse-over Hintergrundfarbw wechselt
weg und ändere bei mouse over nur
das aussehen des textes

dann packst du deinen gewünschten farberlauf
einfach per div in das du das bild packst
hinter das menü

### [#5](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/5) · Honk88 · 2006-07-04

noch was ganz anders :

du solltest deinem content-Bereich eine
min-height verpassen, sonst klebt
dir dein 'footer-menu' oben wenn kein
oder tiefer content

LG
Honk

### [#6](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/6) · EvilDragon · 2006-07-04

oky werd ich machen das mit div und farbverlauf *gg* gute idee, bin ich garnet drauf gekommen...

was meinst du mit min-height... mindestgröße oder so was?

### [#7](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/7) · EvilDragon · 2006-07-04

kann ich als bgcolor in TS auch transparent einstellen?

### [#8](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/8) · Honk88 · 2006-07-04

> min-height: 450px;

ins css des contentbereiches sorgt dafür,
das der contentbereeich unabhängig vom
wirklichen content eine Mindesthöhe von
450 px hat.

Würde für dich Sinn machen, weil ja deine
'footer-nav'unten am conten ausgerichtet
ist.

BEACHTE : IE verarbeitet den css-Befehl nicht
deshalb

> erst Vereinbarungen in
> #content {
>            ....
>            height: 450px;
>            ...
>           }
>
> **und dann zusätzlich**
> /*umgehen des IE fehlers, kenn kein min-width*/
>
> html>body #content { 	height: auto;
> 	min-height: 450px;
> 		}

### [#9](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/9) · Honk88 · 2006-07-04

> **EvilDragon schrieb:**
>
> kann ich als bgcolor in TS auch transparent einstellen?

nich nötig, wenn du nichts festlegst is er
das eh

### [#10](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/10) · Honk88 · 2006-07-04

na das sieht ja schon ganz schick aus

zwei kleine anmerkungen noch
 *nerv*   :o

- man kann nicht zur home-seite navigieren
- bei langen conten [Bsp. Impressum]
  auf jeden 'go top' mit hacken versehen

[Bild: img443.imageshack.us/…/gotop6dj.gif](http://imageshack.us)

LG
Honk

### [#11](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/11) · EvilDragon · 2006-07-05

super!
ich danke dir für deine hilfe *freu*

was "top" angeht, kann bestimmt in TS noch anpassen oder? gegen eine grafik wie z.b. ein kleiner pfeil oder das das rechts ausgerichtet wird, weißt du vielleicht wie?

### [#12](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/12) · Honk88 · 2006-07-05

Moin;

> **EvilDragon schrieb:**
>
> was "top" angeht, rechts ausgerichtet wird

wenn du in dein generiertes html reinguckst siehst
du das Typo durch das setzten des Hackens folgendes
einfügt :

> <p class="csc-linkToTop"><a href="#">To top</a></p>

wie kriegen wir das jetzt anders positioniert ?

RICHTIG mit css
 :p

> .csc-linkToTop {
> background:red;
> padding-left:250px;
> ...
> ...
> }

Wenn du allerdings ein selbst gestaltetes Bild verwenden willst
würde ich dir folgendes empfehlen :

1.) anker in dein html-template

```html
<div id="topanker"><a href="/" target="_self" name="topAnker"></div>
```

den dann im css in diesem fall wie folgt positionieren

```html
#topanker{position:absolute;
	top:0px;
	left0px;}
```

/hängt natürlich vom design ab

und dann einfach einmal eine Contentseite vom Typ
html mit folgendem Inhalt erstellen

```html
<td>
<a href="#topAnker"> HIER KANN TEXT HIN
 <img src=" HIER DEIN VERZEICHNIS/to_top_pfeil.gif[/i]" border="0" alt="" /></a></td>
```

diese Contentseite kannst du dann einfach als letze Seite
in die Seiten kopieren, die ein to-top brauchen

PS to_top_pfeil.gif muss natürlich noch durch deine gewünschte Grafik
ersetzt werden

z.b.

[Bild: img124.imageshack.us/…/totoppfeil1ut.gif](http://imageshack.us)

LG
Honk

### [#13](https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders/13) · EvilDragon · 2006-07-07

auch hier kann ich nur danke sagen *auf knie fall*

---

Quelle: „Grafikmenü jedes element anders?“, typo3.net, https://www.typo3.net/d/45855-grafikmenue-jedes-element-anders
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.