---
title: "Eigenes Menü (teilw. Textmenü, teilw. Grafikmenü) erstellen"
url: "https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2008-01-25"
last_reply: "2008-02-05"
replies: 6
solved: false
page: 1
pages: 1
lang: "de"
---

# Eigenes Menü (teilw. Textmenü, teilw. Grafikmenü) erstellen

TYPO3 › Menüs · 6 Antworten · gestartet 2008-01-25

## Eröffnungsbeitrag

**Floater** · 2008-01-25 · [Beitrag #1](https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen/1)

Hallo,

ich verwende in meinem Typo3-Projekt RealUrl und TemplaVoila.
Nun möchte ich ein Menü erstellen, dass teilweise aus Text-Links, teilweise aus Grafiklinks mit MouseOver-Grafiken besteht.

Beim Mouse-Over wird die MouseOver-Grafik angezeigt und der Seitenname in einem extra Feld angezeigt.

Und zwar soll das ganze dann so aussehen:
[Bild: thorsten-hoff.de/…/navExample.jpg](http://www.thorsten-hoff.de/temp/navExample.jpg)

Um dieses Menü zu erstellen beabsichtige ich so vorzugehen:

Die Menügrafiken sollen in einem extra programmierten Bereich für jeden Unterpunkt der Seite "Produkte" hochlgeladen werden können.

Dazu müsste ich aus der Datenbank die entsprechenden Seiten-IDs und Seitennamen auslesen um die Bilder zuordnen zu können. (Die Daten bekomme ich wahrscheinlich aus der Tabelle "pages"?)
Darin sehe ich eigentlich kein Problem.

Wie schaffe ich es aber diese Menüstruktur darzustellen?

Ich denke dass in dem Menübereich ein eigenes php-Skript plaziert werden muss, welches dieses Menü zusammen bastelt.

Nur woher, bzw. aus welchen Tabellen bekomme ich ale meine Daten, insbesondere für die Link-Urls/RealUrls?.

Ist meine vorgehensweise so sinnvoll?
Oder gibt es da andere oder bessere Lösungsvorschläge?

Viele Grüße,
Floater

## Antworten

### [#2](https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen/2) · Floater · 2008-01-28

Hallo,

hat da niemand einen Tipp für mich?

Gruß,
Floater

### [#3](https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen/3) · Floater · 2008-01-29

Hallo,

ist denn mein Ansatz überhaupt so richtig?

Gruß,
Floater

### [#4](https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen/4) · Floater · 2008-01-31

Hatte denn bisher niemand so ein ähnliches Problem?

Gruß und Helau,
Floater

### [#5](https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen/5) · just2b · 2008-01-31

ich weiß ja nicht ob man das wirklich jeden tag pushen muss?

schon angeschaut > [/d/65143-die-wichtigsten-menues-in-typo3-auf-einem-blick](https://www.typo3.net/d/65143-die-wichtigsten-menues-in-typo3-auf-einem-blick) > .: 3. Kombination Text & Grafik :. und sonst gehts wohl über eine itemprocfunc

georg

### [#6](https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen/6) · Floater · 2008-02-01

> **just2b schrieb:**
>
> schon angeschaut > [/d/65143-die-wichtigsten-menues-in-typo3-auf-einem-blick](https://www.typo3.net/d/65143-die-wichtigsten-menues-in-typo3-auf-einem-blick) > .: 3. Kombination Text & Grafik

Danke für Deinen Link.
Aber der bietet mir keine Lösung für mein oben stehendes Problem.

> **just2b schrieb:**
>
> und sonst gehts wohl über eine itemprocfunc

Was ist denn eine "itemprocfunc" und wie kann mir das bei meinem o.g. Problem helfen?

Mein Menü ist ja schon etwas komplizierter:

Hauptmenü als Text-Menü, Darstellung des Untermenüs für "Produkte" mir Grafiken, sowie Einbindung eines Javascriptes für die MouseOver-Effekte für die Grafiken, sowie für die Anzeige des Unterseitennamens in einem Feld unter den Grafiken.

### [#7](https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen/7) · Floater · 2008-02-05

Hallo,

ich bekomme es einfach nicht hin.

Folgender HTML-Code muss umgesetzt werden:

```html
<ul id="mainNavList">
          <li><a href="./" class="mainNavActive">Start</a></li>
          <li><a href="#">Wir &uuml;ber uns</a></li>
          <li><a href="#">Partner</a></li>
          <li><a href="#" id="productNav">Unsere Produkte</a> 
            <div id="productNavArea"> 
              <div id="productNavItems">
                <div class="productNavItem" id="productNavItem1" style="background-image:url(productNavImages/1.jpg);"><a href="#" onMouseOver="displayProductNav('1', '1');" onMouseOut="displayProductNav('1', '0');"><img src="productNavImages/productNavMaske.gif" alt="" width="54" height="54" name="productNavItemMask1" border="0"></a></div>
                <div class="productNavItem" id="productNavItem2" style="background-image:url(productNavImages/1.jpg);"><a href="#" onMouseOver="displayProductNav('2', '1');" onMouseOut="displayProductNav('2', '0');"><img src="productNavImages/productNavMaske.gif" alt="" width="54" height="54" name="productNavItemMask2" border="0"></a></div>
                <div class="productNavItem" id="productNavItem3" style="background-image:url(productNavImages/1.jpg);"><a href="#" onMouseOver="displayProductNav('3', '1');" onMouseOut="displayProductNav('3', '0');"><img src="productNavImages/productNavMaske.gif" alt="" width="54" height="54" name="productNavItemMask3" border="0"></a></div>                
                [...]
                <div class="clearDiv"></div>
              	 <div id="displayProductArea">
              	 	<div id="displayProductName"><span style="color:#FFFFFF;">Produktname</span></div>
              	 </div>
              </div>              
            </div>
          </li>
          <li><a href="#">Zum Shop</a></li>
          <li><a href="#">Service</a></li>
          <li><a href="#">Kontakt</a></li>
          <li><a href="#">Impressum</a></li>
        </ul>
```

Was ich bisher habe ist das:

```typoscript
lib.mainmenue = HMENU
lib.mainmenue {
   1 = TMENU
   1{
   	expAll = 1
      noBlur = 1
      wrap = <ul id="mainNavList">|</ul>
      NO = 1
      NO.linkWrap = <li>|</li>
      
      ACT = 1
      ACT.linkWrap= <li>|</li>
      ACT.ATagParams = class="mainNavActive"
      
      IFSUB = 1
      IFSUB.linkWrap = <li>|
      IFSUB.ATagParams = class="mainNavActive"
   }
    
   
   2 = TMENU
   
	
   2{
     noBlur = 1
      NO = 1      
      
       wrap = <div id="productNavArea"><div id="productNavItems">|<div class="clearDiv"></div><div id="displayProductArea"><div id="displayProductName"><span style="color:#FFFFFF;">Produktname</span></div></div></div></div></li>
       
       NO.linkWrap = <div class="productNavItem" id="productNavItem{field:uid}" style="background-image:url(_productNavImages/uid_12.jpg);">|</div>       
       
		 NO.ATagParams.cObject = COA
		 NO.ATagParams.cObject {
		 30 = TEXT
		 30.dataWrap = id="act{field:uid}"
        
      }       
      
       
}
```

allerdings soll diese Unternavigation nur bei dem Untermenü für "Unsere Produkte" greifen.

Für das Untermenü muss ich mir eigene Links basteln, wobei die Seiten-UID und der Seitentitel ausgelesen werden muss.

Ich komme da absolut nicht weiter.

Kann jemand helfen?

Gruß,
Floater

---

Quelle: „Eigenes Menü (teilw. Textmenü, teilw. Grafikmenü) erstellen“, typo3.net, https://www.typo3.net/d/72895-eigenes-menue-teilw-textmenue-teilw-grafikmenue-erstellen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.