---
title: "[Beispiel] ypMenu ( GMENU horizontal , ypSlideOutMenus )"
url: "https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus"
source: "typo3.net"
tags: ["TYPO3","Menüs","JavaScript & AJAX","Tipp"]
created: "2005-01-25"
last_reply: "2007-11-13"
replies: 119
solved: false
page: 1
pages: 2
lang: "de"
---

# [Beispiel] ypMenu ( GMENU horizontal , ypSlideOutMenus ) (Seite 1 von 2)

TYPO3 › Menüs · 119 Antworten · gestartet 2005-01-25

## Eröffnungsbeitrag

**n-joy** · 2005-01-25 · [Beitrag #1](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/1)

Tach allerseits :)

ich habe mir mal die Mühe gemacht (..sieh an ..sieh an ;) ) und zum ypMenu ein relativ umfangreiches Beispiel erstellt. Dieses soll euch helfen das ypMenu schnell und ohne viel Zeitaufwand zum laufen zu bringen...

aus optischen Gründen habe ich das Beispiel erstmal im HTML-Format erstellt:
<http://steinhauer-gmbh.net/_tmp/ypMenu/>

...im Laufe der Zeit werde ich mein Posting erweitern (editieren)

- Verbesserungsvorschläge erwünscht
- bei Problemen oder wenn nicht verständlich, fragen :)

> **ypMenu (ypSlideOutMenu) in Typo3**
>
> Dateien (copyright haben die jeweiligen Autoren):
> - [ypMenu.php](http://steinhauer-gmbh.net/_tmp/ypMenu/ypMenu-php.zip)( *per includeLibs in Typo3 einbinden* )
> - [ypSlideOutMenus.js](http://steinhauer-gmbh.net/_tmp/ypMenu/ypSlideOutMenus-js.zip) ( *im header laden* )
> - [ypMenu.css](http://steinhauer-gmbh.net/_tmp/ypMenu/ypMenu-css.zip) ( *in eure CSS-datei übernehmen oder im header mitladen* )
>
> ```typoscript
> [b]Typo3: externes Template ( temp.ypMenu ) -> Setup[/b]
>
> config.no_cache = 1
> page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php
> page.headerData.11 = TEXT
> page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script> temp.ypMenu.special = directory
> # 57 ist die ID der root-page - siehe screenshot
> temp.ypMenu.special.value = 57
> temp.ypMenu = HMENU
> temp.ypMenu {
>      1 = GMENU
>      1 {
>           IProcFunc = user_menu->firstLevel
>           expAll = 1
>           wrap = |
>           NO = 1
>           NO {
>                wrap = |
>                XY = [50.w]+20, 31
>                30 = IMAGE
>                30.file = fileadmin/scripts/ypMenu/menu_bg2.gif
>                50 = TEXT
>                50 {
>                     text.field = title
>                     fontSize = 10
>                     fontFile = fileadmin/templates/fonts/verdana.ttf
>                     fontColor = #222222
>                     offset = 10,20
>                     niceText = 0
>                     transparentBackground = 1
>                }
>                100 = || IMAGE
>                100.file = fileadmin/scripts/ypMenu/menu_space.gif
>           }
>
>           IFSUB < temp.ypMenu.1.NO
>           IFSUB = 1
>
>           RO < temp.ypMenu.1.NO
>           RO = 1
>           RO {
>                backColor = #DDDDDD
>                30 >
>           }
>
>           IFSUBRO < temp.ypMenu.1.NO
>           IFSUBRO = 1
>           IFSUBRO {
>                backColor = #DDDDDD
>                30 >
>           }
>      }    
>
>      2 = TMENU
>      2 {
>           IProcFunc = user_menu->secondLevel
>           expAll = 1
>           NO.linkWrap = <li>|</li>
>      }
>
>      3 = TMENU
>      3 {
>           IProcFunc = user_menu->thirdLevel
>           expAll = 1
>           NO.linkWrap = <li>|</li>
>      }
>
>      4 = TMENU
>      4 {
>           IProcFunc = user_menu->fourthLevel
>           expAll = 1
>           NO.linkWrap = <li>|</li>
>      }
> }
>
> temp.user_menu = USER
> temp.user_menu.userFunc = user_menu->menuEnd
> ```
>
> Ich habe vieles - wie auch das ypMenu - aus meinem MainTemplate in externe Templates ausgelagert, damits im MainTemplate übersichtlich bleibt! Deshalb kommt auch nur wenig TS in das MainTemplate(externes Template einbinden)
>
> ```typoscript
> [b]Typo3: MainTemplate der root-page -> Setup[/b]
>
> page = PAGE
> page.typeNum = 0
> page.stylesheet = fileadmin/templates/style2/class.css
> page.10 = TEMPLATE
> page.10{
>      template = FILE
>      template.file = fileadmin/templates/style2/template.htm
>      workOnSubpart = DOKUMENT
>
>      marks.MENU = COA
>      marks.MENU {
>      10 < temp.ypMenu
>      20 < temp.user_menu
>      }
> }
> ```
>
> Das dazugehörige XHTML-template ist natürlich nur als Beispiel/Vorlage gedacht!
>
> ```html
> [b]HTML-template ( fileadmin/templates/style2/template.htm )[/b]
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
> "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
>      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
> </head>
> <body>
> <!-- ###DOKUMENT###-->
> <div id="cRoot">
>      <div id="cBanner"></div>
>      <div id="cHeader"></div>
>      <div id="cMenu">###MENU###</div>
>      <div id="cPfad"></div>
>      <div id="cInhalt">###INHALT###</div>
>      <div id="cFunktion"></div>
>      <div style="clear:both;height:1px;overflow:hidden;"></div>
>      <div id="cFooter"></div>
> </div>
> <!-- ###DOKUMENT### -->
> </body>
> </html>
> ```
>
> Im CSS-Teil kann man im grunde >alles< dem eigenen design anpassen, ich habe aber erstmal nur die relevantesten eigenschaften blau markiert. Ausserdem ist die class "cMenu" nur ein Beispiel für einen DIV-container in dem der MENU-marker steht.
>
> ```css
> [b]CSS-code ( fileadmin/templates/style2/class.css ) für das ypMenu und für den DIV mit der ID cMenu[/b]
>
> #cMenu {
>      height:31px;
>      width: 708px;
>      margin-left:1px;
>      margin-bottom:1px;
>      background: #FFFFFF url(menu_bg.gif) repeat-x top left;
>      position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
> }
>
> /*
> ###################
> # ypMenu Styles #
> ###################
> */
> .mmContent {
>      /* nrmale schrift definieren */
>      font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
> }
>
> .mmContent ul {
>      margin: 0px; padding: 0px;
>      list-style: none;
>      z-index:2;
>      position:relative;
>      left:0px; top:0px;
> }
> .mmContent li {
>      padding: 0px; margin: 0px;
> }
>
> .menuBackground {
>      position:absolute;
>      left:0px; top:0px;
>      z-index:1;
> }
>
> .mmContent li a {
>      /* Links bzw. die slideMenü-Elemente definieren */
>      display: block;
>      color: #222222;
>      font-weight:normal;
>      font-size: 12px;
>      font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
>      width: 150px;
>      padding: 5px;
>      text-decoration: none;
>      border-bottom: solid 1px #CCCCCC; /* der rand zwischen den MenüElementen */
> }
>
> * html .mmContent li a {
>      width: 160px;
>      width: 160px;
> }
>
> /* */
> .mmContent li a:link { background: #EAED65; color: #222222; font-size: 12px; }
> .mmContent li a:visited { background: #EAED65; color: #222222; font-size: 12px; }
>
> .mmContent li a:hover{ background: #FFFF99; color: #222222; font-size: 12px; }
> .mmContent li a:active { background: #EAED65; color: #222222; font-size: 12px; }
>
> .mmContent li a.submenu {
> background: #EAED65 url(fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; }
> .mmContent li a.submenu:hover {
> background: #FFFF99 url(fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; }
>
> /*
> ##########################################
> # ypMenu Styles for our belove IE 5.01 #
> ##########################################
> */
>
> .mmContentb {
>      font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
> }
>
> .mmContentb ul {
>      margin: 0px; padding: 0px;
>      list-style: none;
>      z-index:2;
>      position:relative;
>      left:0px; top:0px;
> }
> .mmContentb li {
>      padding: 0px; margin: 0px;
> }
>
> .menuBackground {
>      position:absolute;
>      left:0px; top:0px;
>      z-index:1;
> }
>
> .mmContentb li a {
>      /* Links bzw. die slideMenü-Elemente definieren */
>      display: block;
>      width: 150px;
>      padding: 5px;
>      color: #222222;
>      font-weight: normal;
>      font-size: 12px;
>      font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
>      text-decoration: none;
>      border-bottom: solid 1px #CCCCCC; /* der rand zwischen den MenüElementen */
> }
>
> * html .mmContentb li a {
>      width: 160px;
>      width: 160px;
> }
>
> .mmContentb li a:link { background: #EAED65; color: #222222;}
> .mmContentb li a:visited { background: #EAED65; color: #222222;}
>
> .mmContentb li a:hover{ background: #FFFF99; color: #222222;}
> .mmContentb li a:active { background: #EAED65; color: #222222;}
>
> .mmContentb li a.submenu {
>      background: #EAED65 url(fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;
>      font-size: 12px;
> }
> .mmContentb li a.submenu:hover {
>      background: #FFFF99 url(fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;
>      font-size: 12px;
> }
> ```
>
> In der ypMenu.php wird man noch ein paar kleinigkeiten anpassen müssen...
>
> ```plaintext
> [b]ypMenu.php anpassen...[/b]
>
> var $offsetY = 31; // vertikale fixierung des slideMenu's - relativ zum gecenterten DIV oder TD
> var $offsetX = 0; // horizontale fixierung des slideMenu's - relativ zum gecenterten DIV oder TD
> var $sublevelWidth = 160; // breite des sublevel elements
> var $sublevelHeight = 25; // höhe des sublevel elements
>
> var $padding = 5; // padding-abstand rechts und links
> var $fontSize = 11; // schriftgröße
> var $breakpoint = 14; // bricht Zeile nach X(14) Zeichen um
> var $secPadding = 16; // padding-abstand oben und unten
>
> var $fontFile = 'fileadmin/templates/fonts/verdana.ttf'; // font-datei wird fürs berechnen des zeilenumbruchs benötigt
> var $transBg = 'fileadmin/scripts/ypMenu/menu_bg.png'; // transparente PNG datei, behebt transparenz-fehler beim Mac IE 5 und Opera - die PNG-Transparenz sollte die gleiche sein wie die der CSS-FILTER-eigenschaft: alpha(opacity)
> ```

MfG

*p.s. ypMenu kommt von Ersteller der www.meade.de*

## Antworten (#2 bis #100)

### [#2](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/2) · mstuebner · 2005-02-11

Erst mal: Sehr schöne Sache, danke.

Man sollte sich unbedingt die bunte Version auf <http://steinhauer-gmbh.net/_tmp/ypMenu/> ansehen und auch ganz genau auf die Pfade, auch im Php achten, dan funktioniert es auch. ;-)

### [#3](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/3) · mstuebner · 2005-02-11

@n-joy:

Soweit lief ja auch alles bestens, nur wo ich mir die Karten lege ist:

Wie setzen sich die CSS-Klassen und IDs zusammen. Ich finde in der fertigen Seite jede Menge IDs und Klassen a la mm668Container zu denen ich keine Definition finde. Auch das Studium von writeCSS() brachte mich da nicht weiter.

KannSt Du da noch einen Hinweis geben?

### [#4](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/4) · n-joy · 2005-02-14

> **mstuebner schrieb:**
>
> @n-joy:
>
> Soweit lief ja auch alles bestens, nur wo ich mir die Karten lege ist:
>
> Wie setzen sich die CSS-Klassen und IDs zusammen. Ich finde in der fertigen Seite jede Menge IDs und Klassen a la mm668Container zu denen ich keine Definition finde. Auch das Studium von writeCSS() brachte mich da nicht weiter.
>
> KannSt Du da noch einen Hinweis geben?

moin mstuebner,

ich hoffe, dass ich dir jetzt nichts falsches erzähle, aber die unterschiedlichen Bezeichnungen beziehen sich im Grunde nur auf die ID's ("a la mm668Container") welche in diesem Fall nicht für's Zuweisen deiner CSS-klassen genutzt werden . . .

Also: um das Menü über CSS zu definieren brauchst du nur die class="" angaben zu beachten... wobei man eigentlich auch auf die ID's zugreifen könnte (wenn man für ein bestimmten Menüpunkt einen anderen CSS-style definieren möcht...)

In dem CSS-teil des Beispiels stehen eigentlich alle CSS-klassen um sein Menü 100%'ig anzupassen :)

MfG

### [#5](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/5) · mstuebner · 2005-02-14

> **n-joy schrieb:**
>
> ich hoffe, dass ich dir jetzt nichts falsches erzähle, aber die unterschiedlichen Bezeichnungen beziehen sich im Grunde nur auf die ID's ("a la mm668Container") welche in diesem Fall nicht für's Zuweisen deiner CSS-klassen genutzt werden . . .

Ich bin mir sicher, dass ich nicht zu 1% nachvollziehen konnte was Du vermitteln wolltest. ;-)

Die IDs die im finalen Code der Site stehen können ja in keinem CSS File stehen, da sie die ID der Seite enthalten. Ergo gehe ich davon aus, dass eine oder verschiedene der Klassen als Template benutzt werden, nur konnte ich noch keinen definitiven Zusammenhang erkennen. Versuche es aber weiter.

### [#6](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/6) · F.​Eppmann · 2005-02-25

wow, echt super, was du da zusammengestellt hast.

ich beschäftgige mich schon länger mit diesem menu und habe es auch schon mit typo zum laufen bekommen. allerdings finde ich im mom den fehler nicht.

weiss vllt jemand auf anhieb, wenn er sich den link anguckt, woran es liegen könnte.

<http://www.volldiegosse.de/t3>

mfg felix

### [#7](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/7) · mstuebner · 2005-02-26

> **F.Eppmann schrieb:**
>
> <http://www.volldiegosse.de/t3>

Ist das Absicht, dass die Hauptmenüpunkte untereinander angeordnet sind und die Untermenüs an ganz anderen Stellen aufgehen? Firefox 1.0.

### [#8](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/8) · F.​Eppmann · 2005-02-26

> **mstuebner schrieb:**
>
> > **F.Eppmann schrieb:**
> >
> > <http://www.volldiegosse.de/t3>
>
> Ist das Absicht, dass die Hauptmenüpunkte untereinander angeordnet sind und die Untermenüs an ganz anderen Stellen aufgehen? Firefox 1.0.

ganz genau das sind meine probleme:

1. die menüpunkte werden untereinander dargestellt, anstatt nebeneinander
2. die submenus tauchen in jedem browser (ie, firefox, opera) woanders auf. mal wird position:relative berücksichtigt, mal nicht.
3. woher kommen diese kleinen kreuzchen in den linken oberen ecken (komischerweise beim ersten menüpunkt nicht)
4. wie kann ich die qualität der bilder höher stellen? bzw. wieso sehen die buttons so "krusselig" aus?

danke schonmal

mfg felix

### [#9](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/9) · mstuebner · 2005-02-27

> **F.Eppmann schrieb:**
>
> 1. die menüpunkte werden untereinander dargestellt, anstatt nebeneinander

Das scheinst Du jetzt ja im Griff zu haben. Was hast Du denn geändert?

> **F.Eppmann schrieb:**
>
> 3. woher kommen diese kleinen kreuzchen in den linken oberen ecken (komischerweise beim ersten menüpunkt nicht)

Irgendwelche Kreuze habe ich noch nicht sehen können.

> **F.Eppmann schrieb:**
>
> 4. wie kann ich die qualität der bilder höher stellen? bzw. wieso sehen die buttons so "krusselig" aus?

Alles was die Erstellung der Grafiken der ersten Ebene betrifft findest Du in diesem Abschnitt:

```typoscript
temp.ypMenu {
     1 = GMENU
```

### [#10](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/10) · F.​Eppmann · 2005-02-27

ja, 1 und 3 hab ich gestern noch beseitigen können. bei 4 hänge ich im mom trotzdem noch fest.

hier mal ein auszug aus meinem TS:

```typoscript
temp.ypMenu = HMENU
temp.ypMenu.entryLevel = 0
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = |
          NO = 1
          NO {
               wrap = |
               XY = 160,25
               30 = IMAGE
               30.file = fileadmin/page2/images/btn_bg.jpg
               30.file.format = jpg
               30.file.quality = 100
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 18
                    align = center
                    fontFile = fileadmin/fonts/teamspirit.ttf
                    fontColor = #4B4B4B
                    blur = 20
                    offset = 0,20
                    niceText = 0
                  
               }
           
          }
```

und die sache mit den submenüs ist auch noch da. opera und IE  zeigen es mittlerweile korrekt an. nur der firefox positioniert das menü ganz links.

### [#11](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/11) · mstuebner · 2005-02-27

> **F.Eppmann schrieb:**
>
> und die sache mit den submenüs ist auch noch da. opera und IE  zeigen es mittlerweile korrekt an. nur der firefox positioniert das menü ganz links.

Das css ist das originale aus dem Beispiel? Mit selbigem öffnet mein Firefox auf meiner Site das Untermenü korrekt, auf Deiner Site, wie Du selbst schreibst, ganz links.

Nach kurzem Überfliegen Deines PageSource sehe ich aber, dass Du auch den cRoot Container entsorgt hast, zu welchem die Untermenüpunkte ausgerichtet sind. Bau mal den cRoot Div um Deine Seite wieder herum, und Du wirst sehen, dass die Untermenüs dann nicht am Seitenrand, sondern am Rand des cRoot-Div's aufgehen.

### [#12](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/12) · Therealherby · 2005-03-03

Hallo,

vielen vielen dank, mit der Anleitung habe sogar ich es hinbekommen :-) Koennte man gleich in die Doku mit einbinden ;-)

Doch ich habe da noch 1-2 Fragen.

Wie bekomme ich eine transparenz wie auf dieser Seite hin?
<http://cerutti.abix.ch/>

und a) ist es möglich für jeden Menuehauptpunkt eine andere Farbe zu waehlen? Und wo kommt dass .mmContent aus dem CSS her? Irgendwo muss es doch gesetzt sein - doch vielleicht habe ich auch nicht richtig geschaut... aber gefunden hab ichs dennoch nicht.

Bye und Gruss
Herby

### [#13](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/13) · Alex · 2005-03-06

Ist ypMenu auch mit anderen Browsern kompatibel ( Opera, Firefox?)
An welchen stellen muss man eventuell modifizieren?

Vielen Dank.

Alex

EDIT:
:o Oh lesen müsste man können steht ja schon zwei Beiträge weiter oben  :o

### [#14](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/14) · mstuebner · 2005-03-06

> **Alex schrieb:**
>
> Ist ypMenu auch mit anderen Browsern kompatibel ( Opera, Firefox?)

Was heisst "mit anderen Brwosern"? Was gibt es denn noch, neben Firefox und Opera? ;-)

### [#15](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/15) · toyde · 2005-03-06

> **mstuebner schrieb:**
>
> > **Alex schrieb:**
> >
> > Ist ypMenu auch mit anderen Browsern kompatibel ( Opera, Firefox?)
>
> Was heisst "mit anderen Brwosern"? Was gibt es denn noch, neben Firefox und Opera? ;-)

Safari z.B. oder andere Browser, via PDA, etc.

### [#16](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/16) · mstuebner · 2005-03-06

> **toyde schrieb:**
>
> Safari z.B. oder andere Browser, via PDA, etc.

Das ist ok, aber ich glaube der OP meinte was anderes. :-)

### [#17](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/17) · Alex · 2005-03-06

> Was heisst "mit anderen Brwosern"? Was gibt es denn noch, neben Firefox und Opera?

Naja, ich verwende IE  #paralyzed# weil Mr. Gates den so schön verbreitet hat.

Alle meine Browsers aus AWStats:

MS Internet Explorer (Versions) 48694 81.8 %
 Unknown 6085 10.2%
 Netscape (Versions) 3924 6.5 %
 Links 398 0.6 %
 Opera 287 0.4 %
 Konqueror 73 0.1 %
 Nokia Browser (PDA/Phone browser) 28 0 %
 LibWWW 8 0 %
 UP.Browser (PDA/Phone browser) 4 0 %
 Galeon 1 0 %
 WebTV browser 1 0 %
 EmailSiphon 1 0 %

### [#18](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/18) · Alex Weber · 2005-03-06

**@n-joy: sehr sehr geile sache, vielen dank das du den code hier postest. habe das menü wie von dir beschrieben übernommen. funktioniert auch alles super.**

zwei fragen hätte ich aber dann trotzdem noch:

1. was muss ich alles anpassen um das menü auch vertikal zum laufen zu bekommen? oder hat da eventuell schon jemand was erstellt was er preisgeben würde?

2. ist es auch möglich die erste ebene nur als textlinks generieren zu lassen?

### [#19](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/19) · Moeffz · 2005-03-07

Hallo,
ich hatte vergleichbares schon unter den 'Anfängerfragen gepostet. Ich wollte obiges Menü auch bei mir integrieren und habe folgende Probleme:

a) Ich habe keine Grafiken zur Verfügung und habe statt dessen entsprechend eine backColor gesetzt (vgl. Code)
Die entsprechende Variable im php-Code habe ich auskommentiert (auch wenn jetzt erstmal der MAC IE außen vor bleibt.

b) Die Zustände IFSUB und IFSUBRO hatten den Effekt, dass beim RO die Schrift unsichtbar wurde. Habe sie entsprechend herausgenommen und das grafische Problem ist gelöst. Muss ich diese Zustände bei Deinem Beispiel verwenden?

Bei mir tritt nun folgendes Problem auf:
Beim RO über einen Menüpunkt, der Unterpunkte hat, geschieht nichts. Auch die Hintergrundfarbe ändert sich nicht.

Mein Code schaut folgendermaßen aus (Untermenue ist der Name der Markierung; ich habe alles ins Main-Template gebaut):

```typoscript
includeLibs.ypMenu = fileadmin/para/scripts/ypMenu.php
      Untermenue.special.value = 1
      marks.Untermenue.entryLevel = 1
      marksUntermenue = HMENU
      marks.Untermenue {
         1 = GMENU
         1 {
            IProcFunc = user_menu->firstLevel
            expAll = 1
            wrap = |
            NO = 1
            NO {
               wrap = |
               XY = [50.w]+20, 31
               backColor = #CEDBD9
               50 = TEXT
               50 {
                    [...]
               }
          }

          RO < .NO
          RO = 1
          RO {
               backColor = #E7EDEC
               50.fontColor = #00463A
          }
     }    

     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

user_menu = USER
user_menu.userFunc = user_menu->menuEnd
```

Ich hoffe, ich erschlage Euch nicht, aber ich komme einfach nicht auf einen grünen Zweig :(

### [#20](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/20) · Therealherby · 2005-03-07

Hallo,

> Ist ypMenu auch mit anderen Browsern kompatibel ( Opera, Firefox?)

Ja, siehe <http://cerutti.abix.ch/>

> An welchen stellen muss man eventuell modifizieren?

Tja diese Frage stelle ich mich auch. Benutz mal die Suchfunktion "Beispiel ypmenu", da muesste ne Anleitung kommen. Im Grunde die PHP & Css Datei, die regeln alles designtechnische.

Vielleicht kann mir mittlerweile jemand sagen wie ich die Transparenz fuer Opera, InternetExplorer & Co hinbekomme (Firefox geht's schon).

Ich verspreche auch alles gut kommentiert hier preiszugeben wenn ich fertig bin  8-)

Bye und Gruss
Herby

### [#21](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/21) · mstuebner · 2005-03-07

> **Alex Weber schrieb:**
>
> 1. was muss ich alles anpassen um das menü auch vertikal zum laufen zu bekommen? oder hat da eventuell schon jemand was erstellt was er preisgeben würde?

Du must lediglich in der Datei ypMenu.php in der Funktion **function buildIndex($I, $conf, $level)** die Zeile:

```plaintext
$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'down';
```

in

```plaintext
$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'right';
```

ändern.

### [#22](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/22) · maik · 2005-03-07

Ich habe ein kleines Problem.   o.O

Soweit funktioniert alles, ich erhalte aber ein paar Warnings.

Ich bekomme immer vier mal

```plaintext
Warning: imagettfbbox(): Could not find/open font in /var/www/typo3.7/fileadmin/scripts/ypMenu/ypMenu.php on line 135
```

gefolgt von einmal

```typoscript
Warning: Cannot modify header information - headers already sent by (output started at /var/www/typo3.7/fileadmin/scripts/ypMenu/ypMenu.php:135) in /var/www/typo3.7/typo3_src-3.7.0/typo3/sysext/cms/tslib/class.tslib_fe.php on line 2402
temp.ypMenu.special = directory
```

Hat jemand eine Ahnung, was das sein könnte?

### [#23](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/23) · maik · 2005-03-07

Es lag daran, dass imagettfbbox die Fonts nicht gefunden hat.

nachdem ich im php file den Pfad zur Verdana nach t3lib/fonts/verdana.ttf umgebogen hatte, waren die Warnings weg.

### [#24](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/24) · n-joy · 2005-03-09

Hi Leute...

Kurz zum Thema Browserkompatibilität:
Opera: Das Menü funktioniert nur wenn sich Opera NICHT als Opera ausgibt. Wenn ihrs doch so einstellt, dann funktioniert das gesamte JavaScript nicht bzw. nur fehlerhaft... was ein "nicht ausfahren" der Menü's zur Folge hat.

Jetzt noch etwas zur Menütransparenz:
Bei Opera gibt es im Hinblick auf die Menütransparenz noch etwas zu beachten, denn auch wenn sich Opera nicht als solcher ausgibt funktioniert die "standard-transparenz" nicht. Daher muss man in der ypMenu.php folgendes einstellen:

```plaintext
var $transBg = 'fileadmin/scripts/ypMenu/menu_bg.png'; // transparente PNG datei, behebt transparenz-fehler beim Mac IE 5 und Opera - die PNG-Transparenz sollte die gleiche sein wie die der CSS-FILTER-eigenschaft: alpha(opacity)
```

Das png Bild welches man dort einstellt ist jenes das bei Opera als Menühintergrund benutzt wird. Dieses png Bild muss man dementsprechend seinem Menü anpassen sowohl farblich als auch von der transparenzstärke her.

Um sicherzustellen, dass das Menü von der transparenz her in Opera, IE, Firefox und anderen Browsern gleich aussieht sollte man sich vielleicht folgenden code(ab Zeile 275) in der ypMenu.php anschaun:

```php
            // ie >= 5.5 on win and mozilla can render transparency by css
         if(($clientinfo['SYSTEM'] == 'win' AND $clientinfo['BROWSER'] == 'msie' AND $clientinfo['VERSION'] >= 5.5) OR ($clientinfo['SYSTEM'] == 'win' AND $clientinfo['BROWSER'] == 'net')) {
            $filter = true;
            $style = 'style="-moz-opacity:.82; filter:alpha(opacity=82); background-color: #d3d3d3"';
            // Mr. IE on Mac needs a special treatment - a transparent png in a img tag in the background
         } elseif($clientinfo['SYSTEM'] == 'mac' AND ($clientinfo['BROWSER'] == 'msie')) {
            $pngimg = true;
            $style = 'style="background-color: transparent"';
            // Opera and Mozilla on Mac can handle transparent pngs
         } elseif(($clientinfo['SYSTEM'] == 'mac' AND $clientinfo['BROWSER'] == 'net') OR ($clientinfo['BROWSER'] == 'opera')){
            $pngbg = true;
            $style = 'style="background-image: url(''. $this->transBg .'');"';
            // no transparency for the rest - go get firefox!
         } else {
            $bg = true;
            $style = 'style="background-color: transparent"';
            $appendix = 'b';
         }
```

Wie man sieht wird hier unter anderem die Transparenz für den MSIE und den Mozilla/Firefox festgelegt... ( style="-moz-opacity:.82; filter:alpha(opacity=82); background-color: #d3d3d3" )
Die anderen Einstellungen würde ich hier unveränder lassen.. es sei denn man hat Ahnung ;)

Ich hoffe hiermit einigen weitergeholfen zu haben, was die Browserkompatibilität und Transparenz des Menü's angeht ... :)

MfG

### [#25](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/25) · solar · 2005-03-09

Hallo,

wie bekomme ich den das Menu mit TemplaVoila umgesetzt?

Die Marker:

> marks.MENU = COA
>      marks.MENU {
>      10 < temp.ypMenu
>      20 < temp.user_menu
>      }

gehen ja so nicht.

Wie und wo setze ich temp.user_menu ?

Vielen Dank für eure Hilfe

### [#26](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/26) · s.​sach · 2005-03-18

Hi Leute,

jetzt mache ich schon seit Tagen mit diesem Menü rum und verzweifele bald. Habe mich ganz genau an die Anleitung gehalten, jedoch wird bei mir kein Menü angezeigt. Content usw. wird angezeigt, jedoch das Menü nicht.

Ich denke mein Fehler liegt hier: In Beispiel steht ja unter temp.ypMenu "... Deshalb kommt auch nur wenig TS in das MainTemplate(externes Template einbinden)". Wie binde ich dies genau ein? Wird es nicht schon durch "10 < temp.ypMenu" eingebunden?

Habe das Template "temp.ypMenu" mal bei "Include base template" eingetragen. Dann kommt jedoch die Fehlermeldung "Fatal error: Call to undefined function: getmountpointinfo() in /www/htdocs/xxxxxxx/fileadmin/scripts/ypMenu/ypMenu.php on line 101". Die ID der Rootseite habe ich jedoch korrekt eingetragen.

Und was hat es mit "20 < temp.user_menu" auf sich?

Vielen Dank für Eure Hilfe!

### [#27](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/27) · n-joy · 2005-03-18

Hi s.sach,

das externe Template bildest du schon richtig ins MainTemplate ein... also

1. das externe Template ins "Include base template" des MainTemplates eintragen

2. und dann noch ins MainTemplate die "platzhalter (temp.blablubb) " aus dem externen Template durch "<" einbeziehen...

also so in etwa:

```typoscript
... weiterer TS-code

    marks.MENU = COA
    marks.MENU {
        10 < temp.ypMenu
        20 < temp.user_menu
    }

... weiterer TS-code
```

< temp.ypMenu (hierdurch wird das menü an sich angebunden, also der TS-code wird übergeben [bestimmt wo genau das menü erscheinen soll])

< temp.user_menu (diese übergabe beinhaltet einen teil des menü-quellcodes, der dann in der html-ausgabe entscheident ist [dieser teil kann irgendwo in der seite ausgegeben werden])

hoffentlich war ich auch nur halbwegs verständlich  8-)

MfG

### [#28](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/28) · s.​sach · 2005-03-18

@n-joy

Danke. Hab es gerade mal auf einem anderen Account bei einem anderen Provider versucht. Dort funktioniert es. Kann es sein, dass ein Provider das Ausführen von Javascript unterbindet?

### [#29](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/29) · n-joy · 2005-03-19

nein, javascript kann vom server her nicht unterbunden werden ! (es sei denn da läuft ein script durch alle files und macht den js-code unschädlich - was aber eh nicht so sein wird ^^)

also nein, javascript wird nie von servern unterdrückt, da es vom client ausgeführt/verarbeitet wird !

evtl. hats auf dem anderen Provider funktioniert weil du nicht die gleiche konfiguration benutzt hast ? ..also nicht die selben extensions usw. ? :) (es gibt recht viele konflikte zwischen den ganzen extensions . . . und auch den eingebauten scripten )

MFG

### [#30](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/30) · s.​sach · 2005-03-19

Also ich hatte auf dem Account, wo das Menü nichtfunktionierte noch Typo 3.6 Beta2 laufen. Hab es auf 3.6.2 upgedatet und nun funktioniert das Menü  #paralyzed#

### [#31](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/31) · s.​sach · 2005-03-25

Hi Leute,

bräuchte mal Hilfe. Möchte im Hauptmenü erreichen, dass beim Rollover ein border-bottom angezeigt wird.

Habe folgenden  und ähnlichen Code schon an den verschiedensten Stellen versucht, leider ohne Erfolg:

```typoscript
wrap = <div style="border-bottom: solid 2px #FF0000"> | </div>
```

```typoscript
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/ypMenu/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script>
temp.ypMenu.special = directory
# 57 ist die ID der root-page - siehe screenshot 
temp.ypMenu.special.value = 1
temp.ypMenu = HMENU
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = |
          NO = 1
          NO {
               wrap = |
               XY = 160, 31
               30 = IMAGE
               30.file = fileadmin/ypMenu/menu_bg2.gif
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/fonts/verdana.ttf
                    fontColor = #FFFFFF
                    offset = 7,20
                    niceText = 0
                    transparentBackground = 1
               }
               100 = || IMAGE
               100.file = fileadmin/ypMenu/menu_space.gif
          } 
          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1

          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
               wrap = <div style="border-bottom: solid 2px #FF0000"> | </div>
               backColor = #88BCE8
               30 >
          }

          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
               backColor = #88BCE8
               30 >
          }
     }    

     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     3 = TMENU
     3 {
          IProcFunc = user_menu->thirdLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     4 = TMENU
     4 {
          IProcFunc = user_menu->fourthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd
```

Vielen Dank!

### [#32](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/32) · McLoud · 2005-03-30

Hi bin kurz vorm verzweifeln!
kann jemand mal hier <http://xevent.de/index.php?id=392> vorbeisehen und mir sagen was ich falsch mache!
Ich hab es schonmal hinbekommen dass das Menu angezeigt wird nur leider total falsch! und es fährt nicht wieder ein!

zum Hintgrund hab das Setup im Main Template anpassen müssen:

```typoscript
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/style2/class.css
     page.10.marks.MENU = COA
     page.10.marks.MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }
```

Da ich das Crcph Template als Grundlage genommen hatte für mein Template.

Der Rest ist im originalzustand wie es beschrieben wurde. Vielleicht übersehe ich nur ne Kleinigkeit.

Anbei auch ein teil meines html Code

```typoscript
 <div id="headerlayer" style=" color: black; font-size: medium; font-family: serif; visibility: visible; display: block; position: absolute; z-index: 1; top: 10px; left: 4px; width: 775px"> 
<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr> 
<td width="151"><img src="header_left.gif" width="151" height="70"></td>
								<td class="hdr" colspan="2"><img src="spacer.gif" width="1" height="70"></td>
							</tr>
</table>
</div>
<div id="mainlayer" style="position:absolute; left:4px; top:80px; width:770px; z-index:2"> 
<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr> 
<td colspan="6" class="menuborder"> <table width="770" border="0" cellspacing="1" cellpadding="0">
<tr> 
<td><div id="cMenu">###MENU###</div></td></tr>
</table></td>
</tr>
<tr>
					<td height="340" valign="top" class="menucell" width="770" colspan="3">&nbsp; </td>
				</tr>
<tr> 
<td class="tabcontent" width="16" valign="bottom"><img src="footer_left.gif" width="16" height="16"></td>
<td class="footer" width="738"> <p></p></td>
					<td class="tabcontent" width="16" valign="bottom"><img src="footer_right.gif" width="16" height="16"></td>
				</tr>
</table>
</div>
<div id="parentslayer" style=" color: black; font-size: medium; font-family: serif; visibility: visible; display: block; position: absolute; z-index: 3; top: 120px; left: 21px; width: 542px; height: 295px; overflow: hidden; clip: rect(0 400 295 0)"> 
<div id="childslayer" style=" color: black; font-size: medium; font-family: serif; visibility: visible; display: block; position: absolute; z-index: 1; top: 0; left: 0; width: 534px"> 
<table width="533" border="0" cellspacing="0" cellpadding="0">
<tr> 
<td class="content" valign="top"><!-- ###SUB_CONTENT### start
	
	This indicates the main content area
	
	--><!-- ###SUB_HEADER1### 
	
	This is the layout of header type 1
	
	-->
							<table width="553" border="0" cellspacing="2" cellpadding="0">
								<tr>
									<td><font face="Verdana, Arial, Helvetica, sans-serif" size="3" color="#ffffff">###MARK_HEADER###</font></td>
								</tr>
								<tr>
									<td bgcolor="#D6D3CE"><img src="apache/htdocs/xevent/media/uploads/crcph/clear.gif" width="1" height="1" alt="" /></td>
								</tr>
								<tr>
									<td bgcolor="#D6D3CE"><img src="apache/htdocs/xevent/media/uploads/crcph/clear.gif" width="1" height="1" alt="" /></td>
								</tr>
								<tr>
									<td bgcolor="#D6D3CE"><img src="apache/htdocs/xevent/media/uploads/crcph/clear.gif" width="1" height="1" alt="" /></td>
								</tr>
							</table>
							<!-- ###SUB_HEADER1### --><!-- ###SUB_CONTENT### end --></td>
</tr>
</table>
```

### [#33](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/33) · Strichmaennli · 2005-03-31

hallo mcloud

habe vorbeigeschaut und konnte keine probleme erkennen. Was sollte bei deinem menü nicht funktionieren?

Kannst Du mir bei bei meinem problem helfen?
siehe [/d/23000-verschiedene-fragen-zu-slide-menue](https://www.typo3.net/d/23000-verschiedene-fragen-zu-slide-menue)

gruss

### [#34](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/34) · swingtra · 2005-03-31

Hallo,
also ich habe aus meiner Sicht einmal dieses Menü ganz
genau so zusammen gebaut, wie beschrieben.
Allerdings würde ich gerne um das ganze Richtig zu verstehen - einmal die passenden Bilder(gifs) dazu bekommen - um zuverstehen
danach kann ich es immer noch anpassen .
Ich versichere die pics nicht weiter zu benutzen.

Es ist so daß der Marker zwar weg ist aber nichts von dem Menü zu sehen ist- Also fehlt mir irgentwas .

dann gibt es da noch ein Problem :

im Main Tepmlate :

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/style2/class.css
page.10 = TEMPLATE
page.10{
template = FILE
template.file = fileadmin/templates/style2/template.htm
workOnSubpart = DOKUMENT

marks.MENU = COA
marks.MENU {
10 < temp.ypMenu
20 < temp.user_menu
}
}

bei " 20 < temp.user_menu " - wo steht das ?
gehört das mit zu dem Menü ?

Also hm irgentwie bin ich jetzt etwas am verzweifeln

was könnte ich falsch gemacht haben ?

auf wunsch sende ich die login-daten

Mfg. Heiko

### [#35](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/35) · swingtra · 2005-03-31

also .... :o bei mir zeigte kein Menü an - weil ...

(Jetzt kommts)

ich hatte mir in der tmp.ypmenu ein eigenes Bein gestellt
weil ich in der allerersten Zeile

einfach das drinnen stehen hatte :

**Typo3: externes Template ( temp.ypMenu ) -> Setup**

(anstatt ...

#**Typo3: externes Template ( temp.ypMenu ) -> Setup**

)

:o  :o  :o
ich hatte einfach die Raute vergessen und gesucht und gesucht und gesucht - mich aufgelöst ... -  banal !
 #paralyzed#  #paralyzed#  #paralyzed#

### [#36](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/36) · alex_5 · 2005-04-04

Hi, sagt mal ist es prinzipiell auch moeglich die erste Navigationsebene von dem schicken Menue vertikal, also untereinander zu bauen?

### [#37](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/37) · swingtra · 2005-04-04

Also ... ( das steht schon in
[/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus) )

Möglichkeit 1 :

Du must lediglich in der Datei ypMenu.php in der Funktion function buildIndex($I, $conf, $level) die Zeile:
Code:
$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'down';

in
Code:
$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'right';

ändern.

Möglichkeit 2 : siehe <http://www.vital-by-nature.de/>
...und auf horizontal belassen und nicht wie oben beschrieben ändern .
Dafür im Backend die Hauptmenüpunkte vom Rootlevel oder Homelevel aus, untereinander anlegen
(wie im Beispiel hinter "home")
- das Menü habe ich wegen der Browser-Geschichte
in temp.ypMenu so gewrappt :

wrap = <div class="cMenu"> |

... und cMenu steht in der class.css, deswegen Raute weg.
der andere Kram wegen der Positionierung steht in der PHP-Datei und ist unter Punkt

<http://steinhauer-gmbh.net/_tmp/ypMenu/>

beschrieben .

- na dann .  ;)

... und noch was die zu veränderten Dateien - vorher kopieren - erst dann ändern

### [#38](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/38) · Strichmaennli · 2005-04-05

Habe folgendes Problem:

Bei Firefox stimmt die Positionierung der Untermenüs, bei Internet Explorer ist diese jedoch leichter verschoben.
Wo mache ich diese Einstellung?

### [#39](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/39) · swingtra · 2005-04-06

> **Strichmaennli schrieb:**
>
> Habe folgendes Problem:
>
> Bei Firefox stimmt die Positionierung der Untermenüs, bei Internet Explorer ist diese jedoch leichter verschoben.
> Wo mache ich diese Einstellung?

Also ...
die Antwort meiner Meinung nach ist schon hier erschienen, quasi unter diesem Thema .

Aber - was ich machen würde ist folgendes.
Mache eine Testumgebung lokal auf.
Warum ? weil Du in der class.css das "#cMenu" in ".cMenu" ändern wirst - dadurch werden sich die XY-Koordinaten deines Menüs verschieben (Vorraussetzung ist der exakte Nachbau von "NJoy")
das cMenu betimmt den neuen Nullpunkt - deswegen ist wohl alles verschoben, deswegen muss neu angepasst werden und deswegen die Testumgebung.
erst danach die Änderungen übernehmen .

so jetzt eine Änderung :p  :
Im Typoscript-Setup vom temp.ypMenu das ändern :

1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          <b>wrap = <div class="cMenu"> |</b>
          NO = 1

... um auf die Parameter der class.css zuzugreifen.

-in meiner class.css steht folgendes ( ist individuell) :

.cMenu {
     height:0px;
     width: 100px;
     margin-left:0px;
     margin-bottom:0px;
     background:  url(mmenu_bg.gif) repeat-x top center;
     position: relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
 }

- in meiner ypMenu.php steht folgende Änderung (auch individuell - das sind die XY- Koordinaten) :

class user_menu {
var $offsetY = 30; // vertikale fixierung des slideMenu's - relativ zum gecenterten DIV oder TD
var $offsetX = 1; // horizontale fixierung des slideMenu's - rel zum gecenterten DIV oder TD
var $sublevelWidth = 70; // breite des sublevel elements
var $sublevelHeight = 25; // höhe des sublevel elements

var $padding = 5; // padding-abstand rechts und links
var $fontSize = 11; // schriftgröße
var $breakpoint = 14; // bricht Zeile nach X(14) Zeichen um
var $secPadding = 1; // padding-abstand oben und unten

<b>... da musste selbst einstellen-danach sollte es mit allen Browser klappen</b>

wichtig ist der zugriff auf den Punkt cMenu - damit alle Browser wissen "wo gewrappt" wird .

- na dann ! ;)

### [#40](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/40) · Strichmaennli · 2005-04-06

hallo

Wollte es so versuchen. D.h. ich habe nochmals die Vorlage genau nach dem Prinzip von "Njoy" durchgearbeitet:

externes Teamplate:

```typoscript
# [b]Typo3: externes Template ( temp.ypMenu ) -> Setup[/b]

config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/MEADE-Menue/ypMenu.php
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="fileadmin/MEADE-Menue/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/MEADE-Menue/jslib.js" language="JavaScript"></script><script src="fileadmin/template/blur.js" type="text/javascript" language="JavaScript"></script><script src="fileadmin/template/dt.js" type="text/javascript" language="JavaScript"></script>
page.bodyTag = <body onLoad="window.setTimeout('datumuhr()',1000)">
# 57 ist die ID der root-page - siehe screenshot

temp.ypMenu.special = directory
temp.ypMenu.special.value = 3
temp.ypMenu = HMENU
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = <div class="cMenu"> |
          NO = 1
          NO {
               wrap = |
               XY = [50.w]+20, 31
               30 = IMAGE
               30.file = fileadmin/MEADE-Menue/menu_bg2.gif
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/fonts/verdana.ttf
                    fontColor = #222222
                    offset = 10,20
 #                   niceText = 0
                    transparentBackground = 1
               }
               100 = || IMAGE
               100.file = fileadmin/MEADE-Menue/menu_space.gif
          }

          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1

          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
               backColor = #DDDDDD
               30 >
          }

          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
               backColor = #DDDDDD
               30 >
          }
     }   

     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     3 = TMENU
     3 {
          IProcFunc = user_menu->thirdLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     4 = TMENU
     4 {
          IProcFunc = user_menu->fourthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd
```

Das externe Template ist verknüpft mit dem root-template:

```typoscript
# [b]Typo3: MainTemplate der root-page -> Setup[/b]

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/MEADE-Menue/menu.css
page.10 = TEMPLATE
page.10{
     template = FILE
     template.file = fileadmin/template/root.html
     workOnSubpart = DOKUMENT

     marks.KOPF_MENU = COA
     marks.KOPF_MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }
}
```

Auf meiner Homepage erscheint nun das Menü aber nicht mehr. siehe <http://www.strichmaennli.ch>

Was habe ich jetzt wieder falsch gemacht?

### [#41](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/41) · swingtra · 2005-04-07

> **Strichmaennli schrieb:**
>
> hallo
>
> Wollte es so versuchen. D.h. ich habe nochmals die Vorlage genau nach dem Prinzip von "Njoy" durchgearbeitet:
>
> externes Teamplate:
>
> ```typoscript
> # [b]Typo3: externes Template ( temp.ypMenu ) -> Setup[/b]
>
> config.no_cache = 1
> page.includeLibs.ypMenu = fileadmin/MEADE-Menue/ypMenu.php
> page.headerData.10 = TEXT
> page.headerData.10.value = <script type="text/javascript" src="fileadmin/MEADE-Menue/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/MEADE-Menue/jslib.js" language="JavaScript"></script><script src="fileadmin/template/blur.js" type="text/javascript" language="JavaScript"></script><script src="fileadmin/template/dt.js" type="text/javascript" language="JavaScript"></script>
> page.bodyTag = <body onLoad="window.setTimeout('datumuhr()',1000)">
> # 57 ist die ID der root-page - siehe screenshot
>
> temp.ypMenu.special = directory
> temp.ypMenu.special.value = 3
> temp.ypMenu = HMENU
> temp.ypMenu {
>      1 = GMENU
>      1 {
>           IProcFunc = user_menu->firstLevel
>           expAll = 1
>           wrap = <div class="cMenu"> |
>           NO = 1
>           NO {
>                wrap = |
>                XY = [50.w]+20, 31
>                30 = IMAGE
>                30.file = fileadmin/MEADE-Menue/menu_bg2.gif
>                50 = TEXT
>                50 {
>                     text.field = title
>                     fontSize = 10
>                     fontFile = fileadmin/fonts/verdana.ttf
>                     fontColor = #222222
>                     offset = 10,20
>  #                   niceText = 0
>                     transparentBackground = 1
>                }
>                100 = || IMAGE
>                100.file = fileadmin/MEADE-Menue/menu_space.gif
>           }
>
>           IFSUB < temp.ypMenu.1.NO
>           IFSUB = 1
>
>           RO < temp.ypMenu.1.NO
>           RO = 1
>           RO {
>                backColor = #DDDDDD
>                30 >
>           }
>
>           IFSUBRO < temp.ypMenu.1.NO
>           IFSUBRO = 1
>           IFSUBRO {
>                backColor = #DDDDDD
>                30 >
>           }
>      }   
>
>      2 = TMENU
>      2 {
>           IProcFunc = user_menu->secondLevel
>           expAll = 1
>           NO.linkWrap = <li>|</li>
>      }
>
>      3 = TMENU
>      3 {
>           IProcFunc = user_menu->thirdLevel
>           expAll = 1
>           NO.linkWrap = <li>|</li>
>      }
>
>      4 = TMENU
>      4 {
>           IProcFunc = user_menu->fourthLevel
>           expAll = 1
>           NO.linkWrap = <li>|</li>
>      }
> }
>
> temp.user_menu = USER
> temp.user_menu.userFunc = user_menu->menuEnd
> ```
>
> Das externe Template ist verknüpft mit dem root-template:
>
> ```typoscript
> # [b]Typo3: MainTemplate der root-page -> Setup[/b]
>
> page = PAGE
> page.typeNum = 0
> page.stylesheet = fileadmin/MEADE-Menue/menu.css
> page.10 = TEMPLATE
> page.10{
>      template = FILE
>      template.file = fileadmin/template/root.html
>      workOnSubpart = DOKUMENT
>
>      marks.KOPF_MENU = COA
>      marks.KOPF_MENU {
>      10 < temp.ypMenu
>      20 < temp.user_menu
>      }
> }
> ```
>
> Auf meiner Homepage erscheint nun das Menü aber nicht mehr. siehe <http://www.strichmaennli.ch>
>
> Was habe ich jetzt wieder falsch gemacht?

also ...

ich denke dein Marker heist ###DOKUMENT###,

anstatt KOPF_MENU

oder ?  ;)

### [#42](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/42) · Strichmaennli · 2005-04-08

der marker der navigation heisst "KOPF_MENU"

siehe html-vorlage

```php
<html>
<head>
<title>Strichmaennlis Homepage</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description">

<script language="JavaScript" type="text/JavaScript">
<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

<meta http-equiv="imagetoolbar" content="no">
</head>

<body>
<!-- ###DOKUMENT### -->
  <table width="880" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td width="100"></td>
      <td width="780" height="80"><img name="strichmaennli" src="fileadmin/template/images/banner.jpg" width="780" height="80" border="0" alt=""></td>
   </tr>
 </table>
 <table>
<tr>
      <td width="100"></td>
      <td width="780" height="30"><div align="left">###KOPF_MENU###</div></td>
</tr>
 </table>

  <table border="0" cellpadding="0" cellspacing="0" width="880" height="400">
    <tr>
      <td width="100"></td>
      <td valign="top" width="780" height="400" bgColor=#BB0100><div align="justify"><strong>###CONTENT###</strong></div></td>      
    </tr>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" width="880">
    <tr>
      <td width="100"></td>
      <td height="18">&nbsp;</td>
    </tr>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" width="880">
	 <td width="100"></td>
	 <td width="570" bgcolor="#ff0000">copyright by <a href="http://www.strichmaennli.ch" target="_self">Strichmaennli</a></td>
	 <td width="20"align="right" bgcolor="#ff0000">|&nbsp;&nbsp;</td>
	 <td bgcolor="#FF0000" width="50" align="right" bgcolor="#ff0000"><form name="anzeige"><input size=10 name="date" class="datum" size="10"></form></td>
	 <td width="20" align="right" bgcolor="#ff0000">|&nbsp;&nbsp;</td>
	 <td width="50" align="right"><form name="anzeige2" bgcolor="#ff0000"><input size=8 name="time" class="datum" size="8"></form></td>
        <td align="right">|&nbsp;</td>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" width="780">
    <tr>
      <td height="16"></td>
    </tr>
  </table>

<!-- ###DOKUMENT### --> 
</body>
</html>
```

### [#43](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/43) · Silke crosslabs · 2005-04-13

Hallo Leute,

ich möchte das Menü vertikal einbinden.
Soweit funktioniert das auch schon. Allerdings sind meine Untermenüs alle direkt neben dem obersten Punkt. Der top-Wert soll aber immer so gesetzt werden, dass das Untermenü direkt neben dem zugehörigen Hautpmenüpunkt aufgeht.
Hat jemand ne Ahnung, wo in der php das berechnet wird, und wie ich das verändern kann?  #giggle#

Gruss
Silke

### [#44](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/44) · Silke crosslabs · 2005-04-13

Also, irgendwo muss er eine falsche Berechnung machen.
Wenn ich mir den Quealltext der erzeugten Seite anschaue, steht da

```typoscript
<script type="text/javascript">
menu2 = new ypSlideOutMenu("menu2", "right", 192, 1, 150, 113, null)
menu3 = new ypSlideOutMenu("menu3", "right", 192, 1, 150, 138, null)
menu23 = new ypSlideOutMenu("menu23", "right", 192, 1, 150, 38, null)
menu22 = new ypSlideOutMenu("menu22", "right", 192, 1, 150, 38, null)
menu21 = new ypSlideOutMenu("menu21", "right", 192, 1, 150, 38, null)
menu20 = new ypSlideOutMenu("menu20", "right", 192, 1, 150, 38, null)
menu19 = new ypSlideOutMenu("menu19", "right", 192, 1, 150, 113, null)
```

Der Wert, wo jetzt "null" steht, ist der Abstand von oben. Da muss er mir doch irgendwo was berechnen...

Gruss
Silke

### [#45](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/45) · Silke crosslabs · 2005-04-13

Also, das null ist es doch nicht.

```typoscript
menu2 = new ypSlideOutMenu("menu2", "right", 192, 1, 150, 113, null)
```

Es ist die 1, die er statisch aus der Variablen offsetY übernimmt und nicht aus der Anzahl der Hauptmenüeinträge berechnet.

Die Stelle, an dem eine Berechnung erfolgen sollte ist:

```php
$y = ($menu['parentId']) ? $GLOBALS['TSFE']->applicationData['ypMenus'][$menu['parentId']]['items'][$uid]['top'] : $this->offsetY;
```

Da aber im Hauptmenü kein Parentmenü vorhanden ist, nimmt er hier immer das offsetY als Wert.
Bei weiteren Untermenüs funktioniert es.

### [#46](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/46) · kwiesatz · 2005-04-21

hi

erstmal hallo und danke an alle!

ohne dieses forum wär das "experiment typo3" bei mir schon längstens gescheitert...

nun wollte ich mal eben dieses wirklich hervorragend dokumentierte menü nachbauen und stoße auf die üblichen schwierigkeiten...

> **F.Eppmann schrieb:**
>
> ja, 1 und 3 hab ich gestern noch beseitigen können.

ich denke ich habe dasselbe problem...
...leider hat f.eppmann nicht verraten, wie er das problem mit dem horizontalen menue gelöst hat...

aber nochmal von vorne:

ich will also dieses menue machen.
es funktioniert auch - bis auf...

anstelle meines markers "###navi_main###" bekomme ich den seitentitel, der ebenfalls navi_main heißt angezeigt.

beim rollover fahren die hauptmenuepunkte aus und alles läuft eigentlich wie´s soll...

...nur dass ich halt die hauptmenuepunkte gerne permanent und horizontal angezeigt bekäme...

nun hab ich mir überlegt:

ich könnte ja anstelle von navi_main jeweils einen marker für einen hauptmenuepunkt anlegen und für jeden punkt ein eigenes menue generieren lassen...

...aber irgendwie glaube ich nicht, dass das so gedacht ist.

und da ich mit meinem latein und meinen nerven am ende bin, dacht´ich, fragste einfach mal die jungs vom forum...

entweder habe ich das temp.ypMenu nicht richtig eingebunden (hab ich noch nie vorher gemacht - aber dann wür´s doch garnich gehn?)

ich kann auch die php-datei nur per ftp hochladen - nicht über typo3 - no permissionbla

...damit ihr auch genau im bilde seid:

<http://server1.80686-net.de/u00011/index.php?id=142>
(totale baustelle)

und hier mal meine dateien:

html:

```html
<html>
<body>
<!-- ###DOKUMENT### -->

<table border="0" width="100%" height="100%"align="center">
        <tr>
            <td height="100"  width="100%" valign="top" class="top">
                <table width="100%">
                          <tr>
                              <td>
                                                     <table border="0" width="100%" align="center">
                                                                                                                        <tr> 
                                                                                                                             <td class="logo">###logo###</td>
                                                                                                                             <td class="head">###TRAILER###</td>
                                                                                                                        </tr>
                                                     </table>
                              </td>
                          </tr>
                          <tr> 
                              <td><div id="cMenu">###navi_main###</div>
                          </tr>
                    </table>
             </td>            
        </tr>
        <tr height=100%" valign="top"> 
                        <td class="content"> ###content###</td>
        </tr>
        <tr height="15" valign="bottom">
             <td class="bottom">  
                   <table width="100%">
                              <tr> 
                                                     <td class="label">Design 2005 Copyright by Nico Athanasopoulos, AFN - Van d. Vliet & Kunz GmbH</td>
                                                     <td class="navi_rechts" align="right">###navi_rechts###</td>
                              </tr>
                    </table>
              </td>  
        </tr> 
</table>


<!-- ###DOKUMENT### -->
</body>
</html>
```

basistemplate:

```typoscript
page = PAGE
page {
  typeNum = 0
  bodyTag = <body bgColor = "FFFFFF">
  stylesheet = fileadmin/spp/sph/class.css
  meta.AUTHOR = Nico Athanasopoulos
 
 10 = TEMPLATE
 10.template = FILE
 10.template.file = fileadmin/spp/sph/index.html
 10.workOnSubpart = DOKUMENT
 10.marks {
                 logo = IMAGE
                 logo.file = fileadmin/spp/img/logo.jpg 
                 head 
                 head

                 TRAILER = IMAGE
                TRAILER.file = GIFBUILDER
                TRAILER.file {
                                  XY = 559, 86
                                  backColor = #990000

                                  5 = IMAGE
                                  5.file = fileadmin/spp/img/head.jpg
                                  10 = TEXT
                                  10.text.field = subtitle // title
                                  10.fontSize = 60
                                  10.fontFile = fileadmin/fonts/arial.ttf
                                  10.fontColor = #660000
                                  10.niceText = 1
                                  10.offset = 10, 75
                                  
                                  20= TEXT
                                  20.text.field = subtitle // title
                                  20.fontSize = 36
                                  20.fontFile = fileadmin/fonts/arial.ttf
                                  20.fontColor = #E2F5E5
                                  20.niceText = 1
                                  20.offset = 40, 68
                                   }

                 navi_main = COA
                 navi_main {
                                  10 < temp.ypMenu
                                  20 < temp.user_menu
                                  }
                

                 navi_rechts= HMENU
                 navi_rechts.special = directory
                 navi_rechts.special.value = 130
                 navi_rechts.1 = TMENU

                 navi_rechts.1.NO = 1
                 navi_rechts.1.NO.linkWrap = &nbsp;|&nbsp;&#124;
                                
                 content = CONTENT
                 content {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 0
                                 }

                 }
       }
```

temp.ypMenu

```typoscript
page = PAGE
page {
  typeNum = 0
  bodyTag = <body bgColor = "FFFFFF">
  stylesheet = fileadmin/spp/sph/class.css
  meta.AUTHOR = Nico Athanasopoulos
 
 10 = TEMPLATE
 10.template = FILE
 10.template.file = fileadmin/spp/sph/index.html
 10.workOnSubpart = DOKUMENT
 10.marks {
                 logo = IMAGE
                 logo.file = fileadmin/spp/img/logo.jpg 
                 head 
                 head

                 TRAILER = IMAGE
                TRAILER.file = GIFBUILDER
                TRAILER.file {
                                  XY = 559, 86
                                  backColor = #990000

                                  5 = IMAGE
                                  5.file = fileadmin/spp/img/head.jpg
                                  10 = TEXT
                                  10.text.field = subtitle // title
                                  10.fontSize = 60
                                  10.fontFile = fileadmin/fonts/arial.ttf
                                  10.fontColor = #660000
                                  10.niceText = 1
                                  10.offset = 10, 75
                                  
                                  20= TEXT
                                  20.text.field = subtitle // title
                                  20.fontSize = 36
                                  20.fontFile = fileadmin/fonts/arial.ttf
                                  20.fontColor = #E2F5E5
                                  20.niceText = 1
                                  20.offset = 40, 68
                                   }

                 navi_main = COA
                 navi_main {
                                  10 < temp.ypMenu
                                  20 < temp.user_menu
                                  }
                

                 navi_rechts= HMENU
                 navi_rechts.special = directory
                 navi_rechts.special.value = 130
                 navi_rechts.1 = TMENU

                 navi_rechts.1.NO = 1
                 navi_rechts.1.NO.linkWrap = &nbsp;|&nbsp;&#124;
                                
                 content = CONTENT
                 content {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 0
                                 }

                 }
       }
```

css:

```css
#cMenu {
     height:31px;
     width: 790px;
     margin-left:1px;
     margin-bottom:1px;
    
     background: #cccccc url(fileadmin/spp/src/menu_bg2.gif) repeat-x top left;
     position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}

/*
###################
#  ypMenu Styles  #
###################
 */
.mmContent {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.mmContent ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative; 
left:0px; top:0px;
}
.mmContent li {
padding: 0px; margin: 0px;
 }
 
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
 
.mmContent li a {
display: block;
color: #222222;
font-weight:normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
width: 150px;
padding: 5px;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}

* html .mmContent li a {
width: 160px;
width: 160px;
}

.mmContent li a:link { background: #EAED65; color: #222222; font-size: 12px; }
.mmContent li a:visited { background: #EAED65; color: #222222; font-size: 12px; }

.mmContent li a:hover{ background: #FFFF99; color: #222222; font-size: 12px; }
.mmContent li a:active { background: #EAED65; color: #222222; font-size: 12px; }

.mmContent li a.submenu {
background: #EAED65 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; 
}
.mmContent li a.submenu:hover {
background: #FFFF99 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; 
}

/*
##########################################
#  ypMenu Styles for our belove IE 5.01  #
##########################################
*/

.mmContentb {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.mmContentb ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative; 
left:0px; top:0px;
}
.mmContentb li {
padding: 0px; margin: 0px; }
 
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
 
.mmContentb li a {
display: block;
width: 150px;
padding: 5px;
color: #222222;
font-weight: normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}

* html .mmContentb li a {
width: 160px;
width: 160px;
}

.mmContentb li a:link { background: #EAED65; color: #222222;}
.mmContentb li a:visited { background: #EAED65; color: #222222;}

.mmContentb li a:hover{ background: #FFFF99; color: #222222;}
.mmContentb li a:active { background: #EAED65; color: #222222;}

.mmContentb li a.submenu {
background: #EAED65 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;
font-size: 12px;
}
.mmContentb li a.submenu:hover {
background: #FFFF99 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; 
font-size: 12px;
}

body { background-color:#990000;
          font-family:Helvetica,Arial,sans-seif;
          color:#000000;
         }

a           {text-decoration: none; color:#86061B; background-color:#ffffcc;}
a:hover{text-decoration: none; color:#ffffcc;background-color:#86061B;}
a:active{text-decoration: none; color:#ffffcc;background-color:#86061B;}


.top {background-color:#990000;}

.logo {}

.head {text-align:right;color:#ffffcc;}

						 

.content     {background-color:#ffffcc; font-size:12px; color:black; align:left;}

.label       {background-color:#86061B; font-size:10px; color:#ffffcc; align:left;}

.navi_rechts {background-color:#86061B; font-size:10px; color:#ffffcc; align:right;}


.bottom      {background-color:#86061B; font-size:10px; color:#ffffcc;}
```

so
wenn´s noch fragen gibt - ich bin online
ich bedanke mich jedenfalls schonmal im voraus bei allen, die sich die zeit nehmen möchten, sich gedanklich mit meinem problem auseinander zu setzen.

mfg aus freiburg
kwie

### [#47](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/47) · kwiesatz · 2005-04-23

der mir helfen will?

*beitrag nach oben push

### [#48](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/48) · Unbekannter Benutzer · 2005-04-26

Was kann man machen , damit bei ausgeschaltetem
Javascript die unteren Menüebenen nicht sichtbar werden ?

Bei allen Webseiten , die YpMenu verwenden ,
werden die Submenüs "statisch" sichtbar ,
wenn Javascript ausgeschaltet ist.
Entweder direkt unter "Hauptmenüleiste" oder am Seitenende sieht man
die komplette Liste der Submenüeinträge.

Schade eigentlich , denn ich wollte mir eine ähnliche
"Menüstruktur" wie bei www.bonn.de für mein
zukünftiges Regionalportal kreieren.

Findet sich diesbezüglich keine Lösung ,
werde ich wohl auf TMENU_LAYER umsteigen.

Dort wäre zumindest die Hauptmenüleiste bedienbar
und die Layer wären bei ausgeschaltetem
Jacascript unsichtbar.

Mir ist es wichtig , da einige Besucher partout
kein Javascript einschalten.

Bis jetzt muß ich mich mit einer "noscript"-Browserweiche
zufrieden geben .
Mittels dieser wird ein Besucher ohne Javascript
aufgefordert/erinnert Javascript einzuschalten.
Darin ist auch ein Link enthalten ,
der dem "unwissenden" Besucher hilft ,
Javascript zu aktivieren.

Wäre schön wenn jemand eine ander Lösung
vorschlagen könnte.

### [#49](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/49) · silverzone · 2005-05-18

hallo zusammen

ich verstehe das irgendwie nicht...  #evil#  #evil#  #evil#

jetzt habe ich 4 stunden an diesem menü gebastetlt und es klappt immer noch nicht. bis jetzt wird folgendes angezeigt:
<http://sirnach.h-it.ch/dummy-3.7.0>

das problem ist, dass die menüs nicht aufklappen (die kategorie news hat als einzige unterkategorien)

sieht da jemand gleich den fehler? habe die dateien übernommen und eigentlich fast nix bis auf die id geändert.

was mir immer noch nicht klar ist:

> 20 < temp.user_menu

was bring das?
ich hab ja gar kein temp.user_menu
wass muss da drinn stehen

gruss stefan

### [#50](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/50) · Strichmaennli · 2005-05-31

hallo

möchte mir ein vertikales ypmenu erstellen und jetzt sind die untermenüs ständig eingeblendet. siehe <http://rpc.strichmaennli.ch>

--> wie bekomme ich die weg, bzw. wie bekomme ich es hin, dass das 2. und 3. untermenü ausgeslidet wird?

Habe auf einer anderen Seite ein horizontales menü erstellt. Da funktioniert alles tip top.

danke für eure hilfe.

### [#51](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/51) · molari · 2005-06-18

**IE 6 und ypMenu**

Habe das ypMenu eingebaut und es funktioniert wunderbar. Nur ein kleines Problem mit dem IE6. Wenn eine Seite neu aufgerufen wird, erscheinen für den Bruchteil einer Sekunde links alle Untermenüpunkte vertikal angeordnet.

Hat einer eine Idee wie man dies vermeiden kann ?

PS: Im Firefox läuft alles superkorrekt

### [#52](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/52) · KaeptnOvi · 2005-06-20

> **rommy schrieb:**
>
> Was kann man machen , damit bei ausgeschaltetem
> Javascript die unteren Menüebenen nicht sichtbar werden ?

schau dir dazu doch mal den workaround von  lulatsch an, den er im www.meade.de-thread beschrieben hat:
[/d/15065-wwwmeadede](https://www.typo3.net/d/15065-wwwmeadede)
[/url]

### [#53](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/53) · Liberation · 2005-06-20

Hi,
das liegt daran das der IE beim laden schon teile der Webseite anzeigt und somit auch die eigendlich unsichtbaren menuteile sichtbar sind.

schau mal quellcode der webseite www.sci-worx.com da habe ich das durch einen kleinen trick ausgeblendet.

### [#54](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/54) · StefanBeike · 2005-06-28

> **s.sach schrieb:**
>
> Also ich hatte auf dem Account, wo das Menü nichtfunktionierte noch Typo 3.6 Beta2 laufen. Hab es auf 3.6.2 upgedatet und nun funktioniert das Menü  #paralyzed#

hatte das Problem auch. Liegt wirklich an der Version. t3lib_page.php hatte die getmountpointinfo noch nicht implementiert.

### [#55](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/55) · RChristian · 2005-06-29

Hallo Leute,

hat einer von euch eine Ahnung warum bei mir der IE6 - Browser die untermenüs nicht anzeigt? Im Firefox funktioniert der menü einwandfrei nur im IE6 nicht.

Hier könnt ihr mein code für das menu sehen:

```typoscript
config.no_cache = 1

# include der menü script
###################
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php 
page.headerData.11 = TEXT 
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script> 
page.headerData.12 = TEXT 
page.headerData.12.value = <link rel="stylesheet" type="text/css" href="fileadmin/skripts/ypMenu.css" />


temp.ypMenu.excludeUidList = 2, 15, 16, 17, 18, 19
temp.ypMenu = HMENU 
temp.ypMenu { 
     1 = GMENU 
     1 { 
          IProcFunc = user_menu->firstLevel 
          expAll = 1 
          wrap = | 
          NO = 1 
          NO { 
               wrap = | 
               XY = [50.w]+34, 20 
               backColor = #000000
               30 = IMAGE 
               30.file = fileadmin/template/imgs/grafik_menue_oben.jpg
               50 = TEXT 
               50 { 
                    text.field = title 
                    fontSize = 10 
                    fontFile = fileadmin/template/fonts/arial.ttf 

                    fontColor = #ffffff
                    offset = 30,16
                    niceText = 1 
                    transparentBackground = 1

               } 
          } 

          IFSUB < temp.ypMenu.1.NO 
          IFSUB = 1 

          RO < temp.ypMenu.1.NO 
          RO = 1 
          RO { 
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #608C28
               }
          } 

         ACT < temp.ypMenu.1.NO
         ACT = 1
         ACT {
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #FE9900 
               }
          }

          IFSUBRO < temp.ypMenu.1.NO 
          IFSUBRO = 1 
          IFSUBRO { 
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #608C28
               }
          } 
     }    

     2 = TMENU 
     2 { 
          IProcFunc = user_menu->secondLevel 

          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 

     3 = TMENU 
     3 { 
          IProcFunc = user_menu->thirdLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 


} 


temp.user_menu = USER 
temp.user_menu.userFunc = user_menu->menuEnd
```

mfg,

RChristian

### [#56](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/56) · aschne1 · 2005-07-24

Hallo

Mein ypMenu funktioniert eigentlich ganz gut. Nur wenn ich die Seite XHTML-validiere erhalte ich eine Fehlermeldung von den Hauptmenüpunkten bei denen kein Untermenü hinterlegt ist (z.B. Home)

```html
<div id="menu16Container" class="mmContainer">
   <div id="menu16Content" class="mmContent" style="-moz-opacity:.....">
      <ul class="mmLevel1"></ul>    // Hier liegt der Fehler !!!!
   </div>
</div>
```

Wie gehe ich am besten vor, damit mir der Validator freundlicher gesinnt ist?

Besten Dank + Gruss

Armin

### [#57](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/57) · TFG · 2005-07-28

Hi

Ich bin wirklich am verzweifeln. :'(  Nachdem ich die Menüs via TMENU_LAYERS vor allem mit Opera (ganz links) und bei Firefox (ein Versatz um 1px in y) nicht wirklich zum Laufen gebracht habe, bin ich auf das **ypMenu** gestossen.

Ich habe das versucht zu implementieren mit Hilfe der vorliegenden Anleitung. #paralyzed#  Doch leider habe ich es nicht geschafft, dass das "externe" Template (temp.ypMenu) irgendwie erkannt wurde. So habe ich alles in mein Haupttemplate integriert. Nun sehe ich ausser der Hauptnavigation gar nix, denn keine Unternavi geht auf. #angry#  Ich muss fairerweise dazu sagen, dass ich die Hauptnavigation nicht mit GMENU, sondern mit TMENU implementiert habe, was hoffentlich keine "Nebenwirkungen" ergibt.

Wer kann helfen, denn langsam verzweifle ich ganz wegen der Menüs? Da ich aber im Endausbau der Website jede Menge Links haben werde, bin ich auf mehrstufige Pulldown-Menüs angewiesen...

Hier mal der Code aus meinem Template (unwichtige Sachen habe ich entfernt):

```typoscript
# Template einbinden
seite = PAGE
config.no_cache = 1 
seite.includeLibs.ypMenu = uploads/ypMenu/ypMenu.php 
seite.headerData.11 = TEXT 
seite.headerData.11.value = <script type="text/javascript" src="uploads/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script>

seite.typeNum = 0

#CSS Files einbinden
seite.includeCSS {
  file1 = fileadmin/_styles/common.css
  file2 = fileadmin/_styles/guestbook.css
  file3 = fileadmin/_styles/ypMenu.css
}

# Standardsprache deutsch
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
plugin.tx_news._DEFAULT_PI_VARS.lang = 0


***Seite aufbauen für Template***

seite.10 = TEMPLATE

seite.10 {
  template = FILE
  template.file = fileadmin/whiskymania_vorlage.html

  workOnSubpart = DOKUMENT

  # Navigationspfad / Brotkruemelnavigation
  subparts.NAVIPFAD = HMENU
  subparts.NAVIPFAD {
    special = rootline
    special.range = | 1 | 2 | 3
    1 = TMENU
    1.NO = 1
    1.NO.linkWrap = | »  |  
  }

# Menue erzeugen
# marks.MENUE.special = directory -> funzt nicht, wenn eingeschaltet 
marks.MENUE = HMENU 
marks.MENUE { 
     1 = TMENU 
     1 { 
          IProcFunc = user_menu->firstLevel 
          expAll = 1 
          wrap = | 
          NO = 1 
          NO {
            allWrap = <td nowrap=""> | </td>
            ATagBeforeWrap = 1
            ATagParams = class="Menu"

            10 = text
            10.text.field = title
          }
     }

     2 = TMENU 
     2 { 
          IProcFunc = user_menu->secondLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 

     3 = TMENU 
     3 { 
          IProcFunc = user_menu->thirdLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 

     4 = TMENU 
     4 { 
          IProcFunc = user_menu->fourthLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 
} 

marks.user_menu = USER
marks.user_menu.userFunc = user_menu->menuEnd 

# Inhalt erzeugen

marks.INHALT < styles.content.get
# marks.INHALT.wrap = <tr> <td class="txt"> | </td> </tr>

# Inhalt rechte Spalte erzeugen
marks.RSPALTE < styles.content.getRight
}
```

Ich hoffe, dass jemand Rat weiss!

Ach ja: zu sehen gibt es das "Resultat" unter: <http://web13.hostspirit.ch>

Vielen Dank!

Gruss Marc

### [#58](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/58) · TFG · 2005-08-05

Hallo zusammen!

Habe es nun zum Laufen gebracht, jedoch habe ich nun die 1. Navigationsebene wie im Beispiel beschrieben grafisch umgesetzt.

Nun habe ich unter Typo3 V3.8 das Problem wie schon zwei Kollegen vor mir: beim IE werden diese Menüpunkte untereinander statt nebeneinander angezeigt. Jemand hat scheinbar die Lösung gefunden, doch keiner hat sie bisher hier im Forum publiziert... :'(

Wer kann helfen?

Gruss und Dank!
Marc

### [#59](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/59) · RChristian · 2005-09-05

Hallo Leute,

hat niemand eine ahnung woran das liegt das mein menü im ie nicht angezeigt wird (auch keine fehlermeldung oder sowas in der art) und im Firefox funktioniert der menü einwandfrei.

mfg,
RChristian

### [#60](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/60) · Leon de Bár · 2005-09-21

Hallo Leute,

danke an alle die durch ihre Beiträge hier im Board Licht in mein unergründliches Dunkel gebracht haben.

Dennoch ergibt sich noch eine klitze kleine Frage die wohl hier schon erwähnt wurde mir aber nicht geholfen hat:

das Menü soll bei mir vertikal, also alle menuepunkte untereinander erscheinen. nun wenn ich in der .php Datei die änderung "right" vornehme bleibt mein menue wie in den beispiel horizontal aber die slides kommen nun von der seite...

bin ein neuling und begreife meinen fehler nicht. please help.  #giggle#

### [#61](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/61) · rosieres · 2005-10-04

Hallo @ all,

bin sehr unerfahren was typo3 betrifft und versuche mich gerade an diesem menu.
ich habe meine index.html via templavoila gemappt
code der index

```html
<style type="text/css" id="internalStyle">
           /*<![CDATA[*/
			BODY { margin: 20 20 20 20; }	
			/*]]>*/
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body class="bhigru" bgcolor="#000000">
<table width="720" height="190" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="720" height="96" class="kopf" cellspacing="0" cellpadding="0"> 
	<tr>
	<td with="720" height="33" class="menu" cellspacing="0" cellpadding="0">
	<div class="tablemain1"> 
        <div id="cMenu">###MENU###</div>
		</div>
      </div>
	<tr>
	<td with="720" height="61" class="kopfunten" cellspacing="0" cellpadding="0">
</td>
  </tr>
  <tr> 
    <td class="contentpiclong" cellspacing="0" cellpadding="0"><p> </p>
      <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td id="contentol" width="352">
<p> </p>
            </td>
          <td id="contentor" width="352"> </td>
        </tr>
        <tr>
          <td id="contentul">
<p> </p>
            </td>
          <td id="contentur"> </td>
        </tr>
      </table>
      <p> </p>
      <p> </p>
      <p> </p>
      </td>
  </tr>
  <tr> 
......
```

habe folgenden TS SETUP code ( wobei ich gaube das ich dort vielleicht was falsch gemacht habe

```typoscript
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/main.css
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
page.10{
marks.MENU = COA
     marks.MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }
}
```

ich habe die ypMenu.css in meine main.css mit rein genommen

ich habe auch in mein Haupttemplate die temp.yp.Menu per Include Basis Template eingebunden

Hier die geänderte temp.ypMenu

```typoscript
#ypMenu
#
config.no_cache = 1
#
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu.php
#
page.headerData.11 = TEXT
#
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypSlideOutMenus.js" language="JavaScript"></script> temp.ypMenu.special = directory
#
# 57 ist die ID der root-page - siehe screenshot
#
temp.ypMenu.special.value = 1
temp.ypMenu = HMENU
#
temp.ypMenu {
#
     1 = GMENU
#
     1 {
#
          IProcFunc = user_menu->firstLevel
#
          expAll = 1
#
          wrap = |
#
          NO = 1
#
          NO {
#
               wrap = |
#
               XY = [50.w]+20, 31
#
               30 = IMAGE
#
               30.file = fileadmin/scripts/menu_bg2.gif
#
               50 = TEXT
#
               50 {
#
                    text.field = title
#
                    fontSize = 10
#
                    fontFile = fileadmin/templates/fonts/verdana.ttf
#
                    fontColor = #222222
#
                    offset = 10,20
#
                    niceText = 0
#
                    transparentBackground = 1
#
               }
#
               100 = || IMAGE
#
               100.file = fileadmin/scripts/menu_space.gif
#
          }
#
 
#
          IFSUB < temp.ypMenu.1.NO
#
          IFSUB = 1
#
 
#
          RO < temp.ypMenu.1.NO
#
          RO = 1
#
          RO {
#
               backColor = #DDDDDD
#
               30 >
#
          }
#
 
#
          IFSUBRO < temp.ypMenu.1.NO
#
          IFSUBRO = 1
#
          IFSUBRO {
#
               backColor = #DDDDDD
#
               30 >
#
          }
#
     }   
#
 
#
     2 = TMENU
#
     2 {
#
          IProcFunc = user_menu->secondLevel
#
          expAll = 1
#
          NO.linkWrap = <li>|</li>
#
     }
#
 
#
     3 = TMENU
#
     3 {
#
          IProcFunc = user_menu->thirdLevel
#
          expAll = 1
#
          NO.linkWrap = <li>|</li>
#
     }
#
 
#
     4 = TMENU
#
     4 {
#
          IProcFunc = user_menu->fourthLevel
#
          expAll = 1
#
          NO.linkWrap = <li>|</li>
#
     }
#
}
#
 
#
temp.user_menu = USER
#
temp.user_menu.userFunc = user_menu->menuEnd
```

die bilder sind nicht vorhanden ...  aber das sollte zum testen nichts ausmachen denn da sollte ich entweder nix oder nur ein weisses kästchen sehnen....
aber wenn ich meine startseite aufrufe dann steht dort  temp.ypMenu.special = directory

hier noch ein link zum anschauen

<http://web6.h118879.serverkompetenz.net/index.php?id=2>

wäre toll wenn mir da jemand weiterhelfen könnte

### [#62](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/62) · Bebbi · 2005-10-04

Hi

betreffend dem Kommentar. Schreib mal das hier

> temp.ypMenu.special = directory

auf eine neue Zeile. (Steht ziemlich am Anfang nach "language="JavaScript"></script>"

Viele Grüsse

Bebbi

### [#63](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/63) · rosieres · 2005-10-05

soweit os gut ...  aber ich hab das mit der definition noch nicht verstanden irgendwie ?!!...
denn wenn ich zb. in der css datei ein higrubild angebe dann wird das einfach nicht übernommen ?! ...
ich sehe auch nicht wohin die.mmContent li etc. hinzeigen ...
 #angry#
weil eigentlich hatte ich vor das die buttons der ersten ebene komplett durchsichtig bleiben damit die buttonleiste dahinter noch zu sehen ist  ferner ist mir auch noch völlig unklar wir ich das menu "aufbrechen" kann damit ich 3 buttons ganz links habe und die anderen ganz rechts   also die buttons per pixelangabe fixieren ...
ausserdem versuche ich einen anderen font anzugeben ... hab impact.ttf hochgeladen aber benutzt wird er trotzdem nicht  gibts dafür special tricks ?

### [#64](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/64) · leu · 2005-10-06

Hallo Leute,

ich habe dieses Menü in der Version von Liberation aus dem Meadethread zum Laufen bekommen. Jedoch würded ich anstatt tmenu !alles! in gmenu realisiert haben. da das mnü ja auf css aufbaut, geht das sicherlich nicht so einfach.  vielleicht könnte man die grafiken eines gmenu als hintergrundbild in die menüblöcke anzeigen lassen? ich habe keine vorstellung wie und vor allem wo ich vorgehen kann.

Vielleichr kann mir jemand helfen, der schon mehr Erfahrung mit dem Menü hat.

Gruß
Leu

### [#65](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/65) · rosieres · 2005-10-06

in dem code von mir siehst du doch wie es gemacht ist...

### [#66](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/66) · leu · 2005-10-06

@rosieres

meiner Meinung ist bei dir nur die erste ebene als gmenu realisiert (wie überall.) ich will aber sämtliche menüpunkte mit dem gifbuilder erstellen. webnn ich alle punkte als gmenu angebe, würde allerdings alles durcheinadergeraten. zumindest soweit ich das überschaue.

### [#67](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/67) · rosieres · 2005-10-06

stimmt ..  hab ich völlig überlesen das du alles vom gifbuilder erstellen lassen willst....
hast du noch garnicht ausprobiert ?  wie sieht es denn aus wenn du das TS setup umschreibst auf gmenu ?

### [#68](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/68) · rosieres · 2005-10-07

weiss jemand wie man das menu mit TV zum laufen bringt ? ....  ohne TV klappts   aber ich hab meine ganze Seite mit TV realisiert und will davon nicht mehr weg....

DS XML:

```typoscript
<t3datastructure>
    <root type="array">
        <tx_templavoila type="array">
            <title>ROOT</title>
            <description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
        </tx_templavoila>
        <type>array</type>
        <el type="array">
            <field_menu type="array">
                <tx_templavoila type="array">
                    <title>Menu</title>
                    <sample_data type="array">
                        <numindex index="0">Hier kommt das Hauptmenu hin</numindex>
                    </sample_data>
                    <etype>TypoScriptObject</etype>
                    <etype_extra type="array">
                        <objpath>temp.ypMenu</objpath>
                    </etype_extra>
                    <typoscriptobjpath>temp.ypMenu</typoscriptobjpath>
                </tx_templavoila>
            </field_menu>
            <field_content type="array">
                <tx_templavoila type="array">
                    <title>Content</title>
                    <sample_data type="array">
                        <numindex index="0">hier kommt der content</numindex>
                    </sample_data>
                    <etype>ce</etype>
                    <typoscript>
	10= RECORDS
	10.source.current=1
	10.tables = tt_content
							</typoscript>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>group</type>
                        <internal_type>db</internal_type>
                        <allowed>tt_content</allowed>
                        <size>5</size>
                        <maxitems>200</maxitems>
                        <minitems>0</minitems>
                        <multiple>1</multiple>
                        <show_thumbs>1</show_thumbs>
                    </config>
                    <label>Content</label>
                </tceforms>
            </field_content>
        </el>
    </root>
</t3datastructure>
```

Der SETUP CODE

```typoscript
#################################################
# DAS DYNAMISCHE MENU
#################################################

config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypSlideOutMenus.js" language="JavaScript"></script>
temp.ypMenu.special = directory
temp.ypMenu.special.value = 1
temp.ypMenu = HMENU
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = |
          NO = 1
          NO {
               wrap = |
               XY = [50.w]+20, 25
               30 = IMAGE
               30.file = fileadmin/templates/Bilder/menu_bg.png
                transparentBackground = 1 
               50 = TEXT
               50 {
                   text.field = title
                   hide = 1
                    fontFile = fileadmin/templates/fonts/IMPACT.TTF                    
                    offset = 2,20
                    fontColor = #FFFFFF
                    transparentBackground = 1
              }
               
          }
          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1
          
          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
               
               30 >
          }
       IFSUBRO < temp.ypMenu.1.NO
        IFSUBRO = 1
          IFSUBRO {
               
               30 >
          }
     }  
      
     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
 
     3 = TMENU
     3 {
          IProcFunc = user_menu->thirdLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
 
     4 = TMENU
     4 {
          IProcFunc = user_menu->fourthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd 


#################################################
# STANDARD PAGE
#################################################

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/main.css
page.8 = USER
page.8.userFunc = tx_templavoila_pi1->main_page
page.8{
temp.ypMenu = COA
temp.ypMenu {
20 < temp.user_menu
   }
}
```

### [#69](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/69) · Cocopapa · 2005-10-09

TEMPLA VOILA und ypMENU

Hallo zusammen

Bin echt begeistert von dem Menü und es will sogar auf unserer Seite laufen. Naja Feintuning ist noch angesagt.
Ich arbeiten auch mit Templa Voila und bin gerade dabei alles umzustellen. So läuft es bei uns:

```typoscript
####################################################
###Setting up the page object
####################################################
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page

################################
###ypSlideOutMenu horizontal
################################
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/LAYOUT/scripts/ypSlideOutMenuH/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/LAYOUT/scripts/ypSlideOutMenuH/ypSlideOutMenus.js" language="JavaScript"></script>

################################
###Body and Includes
################################
page.bodyTag = <body>

...
```

Jetzt folgt das Setup der Extension gov_accessibility

```typoscript
...

page.config.index_enable = 1

####################################################
### Configuring Dynamic CSS
####################################################

page.CSS_inlineStyle (
BODY
	{
...
```

Hier im css-Abschnitt des Setups habe ich eingefügt:

```typoscript
...
#####################################################
###ypSlideOutMenu Horizontal CSS
#####################################################
/*
###################
#  ypMenu Styles  #
###################
 #cMenu {
     height:31px;
     width: 708px;
     margin-left:1px;
     margin-bottom:1px;
     background: #FFFFFF url(/fileadmin/LAYOUT/scripts/ypSlideOutMenuH/menu.png) repeat-x top left;
     position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}
*/
.mmContent {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

# Untermenü Ebene 1
.mmContent ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative;
left:0px; top:0px;
}
.mmContent li {
padding: 0px; margin: 0px;
 }

.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}

.mmContent li a {
display: block;
color: #222222;
font-weight:normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
width: 150px;
padding: 5px;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}

* html .mmContent li a {
width: 160px;
width: 160px;
}
...
```

und so weiter ... der Code wurde schon so oft dargestellt! Danach geht es wieder weiter mit dem Setup der Extension gov_accessibility

```typoscript
...
#centercontent .contentWrapper
...
```

Im Abschnitt nach

```typoscript
####################################################
###Setting up doctype, language-stuff and Adminpanel
####################################################
```

fügte ich folgendes ein

```typoscript
...
####################################################
###ypSlideOutMenu Horizontal
####################################################
temp.ypMenu.special = directory
# 1849 ist die ID der root-page - siehe screenshot
temp.ypMenu.special.value = 1
temp.ypMenu = HMENU
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = |
          NO = 1
          NO {
               wrap = |
               XY = [50.w]+20, 31
               30 = IMAGE
               30.file = fileadmin/LAYOUT/scripts/ypMenu/menu_bg.png
               50 = TEXT
               50 {
...
```

der gesamte Code ist ja bekannt. Es folgen wiederum alle anderen Setupteile der gov_acessibility Extension.
Im Abschnitt mit den marks

```typoscript
...
####################################################
###feeding TYPO3 with the xhtml-template
####################################################
page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = {$maintemplate}
  workOnSubpart = {$templateWorkOnSubpart}
```

kopiert ich folgendes

```typoscript
##################################################
  ###ypSlideOutMenu Horizontal
  ##################################################
  marks.MENU = COA
    marks.MENU {
    10 < temp.ypMenu
    20 < temp.user_menu
```

Danach folgt wieder der Rest aus dem gov_acessibilty setup

```typoscript
####################################################
  ###replacing static markers with dynamic content
  ####################################################
  marks.CONTENT = COA
...
```

Das Menü funktioniert einwandfrei, jedoch ist bei mir noch einiges Tuning angesagt
<http://andi.lisandi.com>

### [#70](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/70) · schmutti · 2005-10-10

Hat denn keiner ausser mir das Problem das im Internet Explorer nichts mehr dargestellt wird wenn man mehr als 34 Unterseiten=Menüeinträge hat?
Basti

### [#71](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/71) · Fabian1981 · 2005-10-13

Hallo,

ich bin auch noch ziemlich neu und bin schwer am kämpfen mit Typo3  :o

Ich habe das Problem, dass das Menu bei mir garnicht angezeigt wird, dabei denke ich, dass ich das externe Template richtig eingebunden habe. Ich habe auch zusätzlichen TScode eingetragen, der genau wie vorher, wo er im RootTemplate war, funktioniert.

Hier ist mein Rootverzeichnis

```typoscript
page = PAGE
page.typeNum = 0
page.config.doctype = xhtml_trans
page.config.index_enable = 1
page.headerData.1 = TEXT
page.headerData.1.value = <link rel="stylesheet" type="text/css" href="fileadmin/MMBtemp/main.css" /> <script type="text/javascript" src="fileadmin/MMBtemp/scripts/ypSlideOutMenus.js" language="JavaScript"></script> 

page.30 = TEMPLATE
page.30 {
template = FILE
template.file = fileadmin/MMBtemp/template.htm 
workOnSubpart = DOCUMENT_BODY
     marks.MENU = COA
     marks.MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }

# Menu 1 cObject
subparts.Menu_Links = HMENU
# First level menu-object
subparts.Menu_Links.1 = GMENU
subparts.Menu_Links.1 {
  NO {
XY = 179, 26
5 = IMAGE
5.file = fileadmin/MMBtemp/images/upperbutton.jpg
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/MMBtemp/fonts/{$font.menulinks}
10.fontSize = 13
# offset bestimmt die vertikale Ausrichtung der Schrift
10.offset = 0,17
10.fontColor = #153B63
10.align = center
10.before.cObject = TEXT
10.before.cObject.field = uid
}
RO < .NO
  RO = 1
  RO {
10.fontColor = #A83F4A
}
} 


# Second level menu-object, textual
subparts.Menu_Links.2 = GMENU
subparts.Menu_Links.2 < .subparts.Menu_Links.1
subparts.Menu_Links.2 {
  NO {
5.file = fileadmin/MMBtemp/images/lowerbutton.jpg
10.fontColor = #153B63
}
  RO {
5.file = fileadmin/MMBtemp/images/lowerbutton.jpg
}
} 

#Footer
subparts.Firmeninfo = TEXT
subparts.Firmeninfo.value = Mayr Miesbach - Druckerei und Verlag GmbH - Am Windfeld 15 - 83714 Miesbach
#Überschriften
subparts.Mitte_Header = Image

subparts.Mitte_Header.file = GIFBUILDER {
    backColor = white
    10 = image
    10.file = fileadmin/MMBtemp/images/lowerbutton.jpg
    18 = TEXT
    18 {
      text.field = title
      fontSize = 35
      fontFile = {font.title}
      fontColor = red
    
  }
}
}
```

Hier ist das externe Template:

```typoscript
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/MMBtemp/scripts/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/MMBtemp/scripts/ypSlideOutMenus.js" language="JavaScript"></script>
temp.ypMenu.special = directory
# 9 ist die ID der root-page - siehe screenshot
temp.ypMenu.special.value = 9
temp.ypMenu = HMENU
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = <div class="cMenu"> |
          NO = 1
          NO {
               wrap = |
               XY = [50.w]+20, 31
               40 = IMAGE
               40.file = fileadmin/MMBtemp/images/small-pics.jpg
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/MMBtemp/fonts/HELVNM.TTF
                    fontColor = #222222
                    offset = 10,20
                    niceText = 0
                    transparentBackground = 1
               }
               100 = || IMAGE
               100.file = fileadmin/MMBtemp/images/small-pics.jpg
          }
 
          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1
 
          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
               backColor = #DDDDDD
               40 >
          }
 
          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
               backColor = #DDDDDD
               40 >
          }
     }    
 
     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
 
     3 = TMENU
     3 {
          IProcFunc = user_menu->thirdLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
 
     4 = TMENU
     4 {
          IProcFunc = user_menu->fourthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}
 
temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd 

page.30 {
subparts.CONTENT < styles.content.get
subparts.Specials < styles.content.getRight
subparts.Suchfunktion < plugin.tx_gstcontentsearch_pi1
result_link_target = subparts.CONTENT
}
```

Das mark verschwindet auch, hier ist noch mein Template, wobei es daran ja nicht liegen dürfte, ich habe das Beispiel mit den div's einfach mal so eingetragen:

```typoscript
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body leftmargin="0" topmargin="0">
<!-- ###DOCUMENT_BODY### start -->
<table width="1024" border="0" cellspacing="0" cellpadding="0" align="center">

<tr valign="top">
<td colspan="2" rowspan="2" bgcolor="#FFFFFF">
  <img src="fileadmin/MMBtemp/images/Mayr_Logo.jpg" width="254" height="152" alt="" /></td>
<td align="right" id="suchfunktion"><!--###Suchfunktion### start -->Suchfunktion<!--###Suchfunktion### stop --></td>

</tr>

<tr>
<td id="menu_oben"><!--###Menu_Oben### start -->Menu_Oben<!--###Menu_Oben### stop --></td>
</tr>

<tr valign="top">
<td colspan="3"><img src="fileadmin/MMBtemp/images/bildleiste_klein.jpg" width="1024" height="112" alt="" /></td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td rowspan="2" width="179" valign="top" id="Menu_Links"><!--###Menu_Links### start -->Menu_Links<!--###Menu_Links### stop -->
</td>


	
	<td width="26"></td>
	<td valign="top" width="874" id="mitte_header"><!--###Mitte_Header### start -->Mitte_Header<!--###Mitte_Header### stop --></td>
	<td width="26"></td>
	<td rowspan="3" width="100" align="right" valign="top" id="specials"><!--###Specials### start -->Specials<!--###Specials### stop --></td>
	</tr>
	<tr>
	<td width="26" height="250"></td>
	<td rowspan="2" valign="top" id="content"> <!--###CONTENT### start -->CONTENT<!--###CONTENT### stop --></td>
	<td width="26"></td>
	</tr>


<tr>
<td colspan="1" height="90" bgcolor="#90AEC0" valign="top"><img src="fileadmin/MMBtemp/images/small-pics.jpg" width="198" height="62" alt="" /></td>
</tr>


<tr>
<td bgcolor="#004F78"> </td>
<td height="30" colspan="4" align="center" valign="middle" class="Firmeninfo"><!--###Firmeninfo### start -->Firmeninfo<!--###Firmeninfo### stop --> </td>

</tr>
</table>
<!-- ###DOCUMENT_BODY### ende -->
</body>

</html>td>
<td height="30" colspan="4" align="center" valign="middle" class="Firmeninfo"><!--###Firmeninfo### start -->Firmeninfo<!--###Firmeninfo### stop --> </td>

</tr>
</table>
<!-- ###DOCUMENT_BODY### ende -->
</body>

</html>
```

Wäre super, wenn ihr mir helfen könnt  #paralyzed#

### [#72](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/72) · Nicklas · 2005-11-01

bei mir lag es daran, dass ich im root template nicht das ext template und include basis template eingebunden hatte..

hoffe es hilft..

Kann mir einer sagen, was ich machen muss, dass das menü nach oben aufgeht???

### [#73](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/73) · nikhob · 2005-11-03

Hallo miteinander,

mein ypMenu funtioniert in allen Browsern, nur nicht im IE6. Schein als würde er das JavaScript vollkommen übergehen, ist aber mit Sicherheit nicht deaktiviert. Woran könnte das liegen?

### [#74](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/74) · Yannis · 2006-01-15

Hey,
ich habe leider genau das gleich Problem:
der IE ignoriert das JAvaScript und es bewegt sich gar nichts!

Hat irgendwer eine idee??

Yannis

### [#75](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/75) · nordic · 2006-01-15

Hi,
ich benutze auch das ypmenu und es hat auch die ganze zeit optimal funktioniert, doch jetzt hab ich irgendwie ein sehr sonderbares problem:
Im Firefox und Safari funktionier alles, im IE6 zerstört er das komplette layou! ....wenn ich einen menüpunkt rausnehme funktionierts im IE6 auch wieder, allerdings nur, wenn der menüpunkt, den ich rausnehme auch unterseiten hat  #evil# beschäftige mich mit typo noch nicht sooo lange und habe deshalb auch keine ahnung woran DAS liegen kann....

zu sehen auf: <http://www.meranier-gymnasium.de>

Wäre schön, wenn mir jemand helfen könnte  :o

lg nordic

### [#76](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/76) · Yannis · 2006-01-15

hey, ich habe nen bisschen was geschafft: man sieht jetzt auch im IE etwas, nur es passt nöch nicht wirklich: <http://web18.claudia.hosting-friends.de/test/>

muss natürlich nochh alles angepasst werden, aber ich möchte erst das menu am laufe haben. Das Design wird natürlich auch noch anders, dies wird die neuauflage unserer seite.
Hofentlich könnt ihr mir helfen!

Yannis

### [#77](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/77) · nordic · 2006-01-16

sorry ich kann dir leider auch net helfen  :o

Aber kann das sein, dass der IE bei einer bestimmten menge an menüpunkten zusammen mit dem ypmenu streikt?! der zerhaut das ganze layout, während es im FF normal geht! ....habe deswegen das menü auf zwei teile aufgeteilt, im FF geht es auch wieder - im IE funktioniert das erste normal, beim zweiten sind die menüpunkte aber leider untereinander angeordnet...

kann mir jemand sagen woran das liegt, oder ob das überhaupt einen sinn hat, das in 2 teilezu teilen?!

Link: <http://www.meranier-gymnasium.de>

vielen Dank, nordic

### [#78](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/78) · Yannis · 2006-01-17

Also, bei meade.de / sci-worx.de gehts ja, vllt kann uns jemand mal die Dateien und das TS als .zip zuschicken der es hingekriegt hat?

E-mail: info@yannis-k.de

Wäre echt nett;
bis dann, euer Yannis

### [#79](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/79) · Nicklas · 2006-01-23

gibt es die schöne html-anleitung nicht mehr?!?!

### [#80](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/80) · charly83 · 2006-01-27

Hallo

Bin auch noch neu und verzweifle schön langsam mit dem ypMenu.
Vielleicht kann mir wer weiterhelfen.
Wenn ich im Template den Code für die Unterpunkte weglasse funktioniert mein Menü einwandfei. Gebe ich sie wieder dazu macht Typo beim jeweiligen Menüpunkt enen Zeilenumbruch und schreibt die Unterpunkte wie einen Link darunter.

Für eine Antwort wäre ich sehr dankbar.

Mit freundlichen Grüßen
Thomas

### [#81](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/81) · WeVo · 2006-01-29

Hallo @ all,

also ich kann mich charly83 nur anschliessen! Ich habe das selbe Prob  #angry#
Ich habe die Dateien downgeloadet den Menüeintrag in mein Hauptemplate erstellt. Das Template ypMenu erstellt und anschließend ins Maintemplate mit eingebunden. Die ID im ypMenutemp von 57 auf 1 gesetzt. Anstatt der Hintergrundbilder einfach mal wilde Farben eingegeben, Cache geleert und los geht's!  :o  Oh man und was kommt raus .... so en Mißt (bitte nicht denken dass das mein Haupttemplate mal wird / es sind im Moment nur wilde Basteleien - bin noch so ein halber typo3 newbe   :o   )

[Bild: zffh.de/hc.jpg](http://www.zffh.de/hc.jpg)

Wie man sehen kann werden die Hauptmenüeinträge richtig gesetzt. Auch der Rollover funktioniert - aber nur bei den Menüpunkten welche keine Untermenüs haben!Allerdings werden die Untermenüeinträge einfach rechts vertikal aufgelistet. Wieso?
Sobald ich über einen Hauptmenüeintrag drübergehe, welcher Unterpunkte besitzt, bekomme ich unten im IE 6 einen Scriptfehler im ypSlideOutMenu in der Zeile 184 Zeichen 1. Oh Gott  #angry# !!! Naja leider habe ich keine Ahnung an was es liegt! Hoffentlich kann mir BITTE! jemand von Euch helfen! Falls Ihr das TS brauchen solltet, einfach bescheid sagen! Vielen Dank!

Viele Grüße

Markus

### [#82](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/82) · charly83 · 2006-01-30

@WeVo

Bei mir hat es folgendes Problem gehabt.
Typo hat im externen Template kein js geladen. Jetzt hab ich das ganze ins main Template eingebunden und es funktioniert wunderbar.

Mit freundlichen Grüßen
Thomas

### [#83](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/83) · marsian · 2006-02-05

Hallo allseits

ich suche dringend die Dateien für das horizontale ypMenu. Die Links am Anfang dieses Threads sind leider tot und ich finde leider nur die Dateien für das vertikale ypMenu (Diese umzubauen ist leider auch nicht so einfach).

Kann mir jemand einen funktionierenden Link angeben?

Gruss Simon

### [#84](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/84) · marsian · 2006-02-05

Habs nun geschafft das ypMenu auf horizontal zu stellen.

Falls jemand die Dadeien benötigt kann er hier posten.

Gruss Simon

### [#85](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/85) · Strichmaennli · 2006-02-06

hallo marsian

Kannst Du mir sagen, wie du es horizontal hinbekommen hast, dass auch die Untermenüs horizontal aufgelistet sind?

siehe folgendes menü. hier fehlt noch irgendetwas

<http://rpc.strichmaennli.ch/>

thanks

### [#86](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/86) · marsian · 2006-02-09

@ Strichmännli

Ich meinte etwas anders.

Ich hatte nur Dateien für das YPMenu welches vertikal angeordnet ist. Der Link für das horzintale Menu funzt leider nicht mehr.

Nun habe ich die php-Datei des vertikalen Menus mit dem Code im ersten Thread über das YPMenu abgeglichen und es funktioniert.

Leider kann ich Dir nicht weiterhelfen. Mir fehlt da einfach die Zeit. Das ganze sollte aber in der php-Datei zu machen sein.

Sorry das ich nicht weiterhelfen kann.

### [#87](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/87) · Yannis · 2006-02-12

Ich habe das Problem mit dem IE gelöst:

Benennt den DIV-Container in dem die Menu-Zeile liegt in

```html
<div id="MenuNavigation"></div>
```

um, dann sollte das Menu auch im IE funktionieren.
Bei mir hieß der Container vorher nur "menu", aber jetzt gehts!
Ich weiß aber nicht, was das soll.

Viel Glück,
der Yannis

### [#88](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/88) · WeVo · 2006-03-07

Ich versteh es einfach nicht!
Ich bekomm es einfach nicht hin! nachdem ich den letzten Thread gelesen habe ist mir auch aufgefallen, dass ich garkeine div's eingesetzt habe. Als ich jetzt allergdings versucht habe die Zelle mit nem div tag zu umranden, passiert eigentlich nicht viel, bis darauf, dass eine weiße Fälche in der Zelle erscheint<http://www.zffh.de/index.php>. Aber weiter komm ich auch nicht. Ich habe versucht das Menü in mein CMS einzubinden und hocke jetzt schon mehrere Wochen an diesem Sch.....aber es tut sich einfach nichts! Ich habe ganz normal das Template erstellt und in mein Haputtemplate eingebunden. Aber es passiert einfach nichts!!! Die ID der Rootpage habe ich auch abgeändert aber es hilft alles nichts!  #angry#  #evil#
Hat nicht jemand noch für mich einen Lösungsansatz oder ein Tutorial für D....? ;)

Vielen Dank!

Markus

### [#89](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/89) · charly83 · 2006-03-12

Hallo

Mein Menü hat daheim am Rechner schon einwandfrei funktionert.
Nun habe ich alles auf den Server gestellt und jetzt werden keine Unterpunkte mehr angezeicht bzw. kein SlideOut. Die erste Menüebene wird einwandfei dargestellt.
Verwende Typo 3.8.1

Hat jemand eine Idee an was das liegen kann?
Danke im Voraus!
Mfg
Thomas

### [#90](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/90) · arrow · 2006-03-28

Also ich habs mal schnell auf meinem Backupserver nach gebaut und hab eigentlich keinerlei Probleme mit dem Menü gehabt. Ich schicke euch mal alles was ihr benötigt meiner Meinung nach ;). Ein Problem gibts dabei allerdings noch wobei ich evtl. erfahrene Hilfe benötigen würde. Die Positionierung der subLevels funktioniert nur Teilweise. Wenn im Menü selbst Wörter mit Umbruch zu Tage kommen zerreisst er meine Positionierung seht am besten selbst: <http://85.214.32.188/index.php?id=121>

Die Horizontale Variante:

Das TS ins Maintemplate integrieren bzw. komplett übernehmen (ist nen bischen wirr dadrin da es auszüge ausm Backupserver sind).

```typoscript
page = PAGE
page.bodyTag = <body bgcolor="#CCCCCC" topmargin="0">
page.typeNum = 0
page.stylesheet = fileadmin/templates/style2/class.css
page.10 = TEMPLATE
page.10{
     template = FILE
     template.file = fileadmin/vorlage_con_sol.html
     workOnSubpart = DOKUMENT

     marks.INHALT = CONTENT
     marks.INHALT {
                    table = tt_content
                    select.orderBy = sorting
                    select.where = colPos = 0
                    select.languageField = sys_language_uid
                }

     marks.MENU = COA
     marks.MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }

                marks.KLICKPFAD = HMENU
                marks.KLICKPFAD {
                    special = rootline
                    special.range = 2 | 1
                    1 = TMENU
                    1.NO = 1
                    1.NO.linkWrap = &nbsp; &nbsp; &#124; |*| &nbsp; -> &nbsp; &#124; |*| &nbsp; ->  
}

    marks.MENU_UNTEN = HMENU
    marks.MENU_UNTEN {
        special = directory
        special.value = 124
        1 = TMENU
        1.NO = 1
        1.NO.linkWrap = &nbsp;|&nbsp;&#124;|*|&nbsp;|&nbsp;&#124;|*|&nbsp;|
        }

marks.BUTTON = HMENU
marks.BUTTON.special = browse
marks.BUTTON.entryLevel=1
marks.BUTTON.special{
    items = prev | next
    items.prevnextToSection = 1 
    prev.fields.title = « zurück 
    next.fields.title = vor »
    }

marks.BUTTON.1 = TMENU
marks.BUTTON.1.NO {
    linkWrap = &nbsp;|&nbsp;
} 

marks.DRUCKVERSION = TEXT
marks.DRUCKVERSION {
field = uid
wrap = <a href="index.php?id= |&type=1" target="_new">Druckversion</a>
}

}

#Druckansicht
druckversion = PAGE
druckversion {
    typeNum = 1
    10 = CONTENT
    10.table = tt_content
    10.select.orderBy = sorting
    10.select.colPos = 0

#druckversion.stylesheet = fileadmin/druck.css
druckversion.10 = TEMPLATE
druckversion.10 {
template = FILE
template.file = fileadmin/druckansicht.html
marks.INHALT = CONTENT
}
}

config.extTarget = _self
```

Das ist mein Externes Template. Dieses Template liegt in einem SysFolder. Man bindet es ein in dem Man unter Template->auf "click here to edit whole template record" klickert-> dann auf include basis template das template einbinden.

```typoscript
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.ini
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script>
temp.ypMenu.special = directory
temp.ypMenu.special.value = 119
temp.ypMenu.entryLevel = 0
temp.ypMenu = HMENU
temp.ypMenu {
 1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = |
          NO = 1
          NO {
               wrap = |

               XY = [50.w]+20, 31

//backColor = #343471

               30 = IMAGE
               30.file = fileadmin/images/cons/cw-button.png
  
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/templates/fonts/verdana.ttf
                    fontColor = #ffffff
                    offset = 10,20
                    niceText = 0
                    transparentBackground = 1
               }
          //     100 = || IMAGE
          //     100.file = fileadmin/scripts/ypMenu/menu_space.gif
          } 
          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1

          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
//               backColor = #40408C
               wrap = |

               XY = [50.w]+20, 31

               30 = IMAGE
               30.file = fileadmin/images/cons/cw-button-ro.png

               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/templates/fonts/verdana.ttf
                    fontColor = #ffffff
                    offset = 10,20
                    niceText = 0
                    transparentBackground = 1
               }
          }

          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
//               backColor = #40408C
               wrap = |

               XY = [50.w]+20, 31

               30 = IMAGE
               30.file = fileadmin/images/cons/cw-button-ro.png

               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/templates/fonts/verdana.ttf
                    fontColor = #ffffff
                    offset = 10,20
                    niceText = 0
                    transparentBackground = 1
               }
          }
     }    

     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     3 = TMENU
     3 {
          IProcFunc = user_menu->thirdLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     4 = TMENU
     4 {
          IProcFunc = user_menu->fourthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
     5 = TMENU
     5 {
          IProcFunc = user_menu->fifthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
     6 = TMENU
     6 {
          IProcFunc = user_menu->sixtLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd
```

Kommen wir nun zur HTML Vorlage:

```html
<html>
<head>
</head>
<body bgcolor="#CCCCCC">

<!-- ###DOKUMENT### begin -->

<table border="0" width="1020" height="581">

	<tr>
		<td height="577" width="1020">
		
		<div style="position: absolute; width: 783px; height: 576px; z-index: 1; left: 118px; top: 17px; background-image:url('fileadmin/images/cons/cw-bg-sol.png')" id="back"></div>
		<div style="position: absolute; width: 765px; height: 456px; z-index: 2; left:127px; top:121px; background-image:url('fileadmin/images/cons/cw-bg-blau.png')" id="back2"></div>
		<div style="position: absolute; width: 697px; height: 342px; z-index: 2; left:144px; top:180px; background-color:#D8DADC" id="inhalt">###INHALT###</div>
		<div style="position: absolute; width: 701px; height: 38px; z-index: 2; left:144px; top:141px" id="cMenu">###MENU###</div>
		<div style="position: absolute; width: 700px; height: 21px; z-index: 2; left:142px; top:523px;" id="menu_unten">###MENU_UNTEN###</div>		
		<div style="position: absolute; width: 700px; height: 18px; z-index: 2; left:142px; top:540px;" id="klickpfad">###KLICKPFAD###</div>
		<div style="position: absolute; width: 109px; height: 22px; z-index: 3; left:732px; top:523px" id="druckansicht" align="right">###DRUCKVERSION###</div>
               <div style="position: absolute; width: 109px; height: 18px; z-index: 3; left:732px; top:540px;" id="button" align=right>###BUTTON###</div>
</td>	
	</tr>
	</table>
<!-- ###DOKUMENT### end -->
</body>
</html>
```

Die zugehörige CSS Datei:

```html
<strong>CSS-code ( fileadmin/templates/style2/class.css ) für das ypMenu und für den DIV mit der ID cMenu</strong>

#cMenu {
     height:31px;
     width: 708px;
     margin-left:1px;
     margin-bottom:1px;
     background: #343471 url(http://85.214.32.188/fileadmin/scripts/ypMenu/menu.png) repeat-x top left;
     position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}
 
/*
###################
# ypMenu Styles #
###################
*/
.mmContent {
     /* nrmale schrift definieren */
     font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
 
.mmContent ul {
     margin: 0px; padding: 0px;
     list-style: none;
     z-index:2;
     position:relative;
     left:0px; top:0px;
}
.mmContent li {
     padding: 0px; margin: 0px;
}
 
.menuBackground {
     position:absolute;
     left:0px; top:0px;
     z-index:1;
}
 
.mmContent li a {
     /* Links bzw. die slideMenü-Elemente definieren */
     display: block;
     color: #ffffff;
     font-weight:normal;
     font-size: 12px;
     font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
     width: 150px;
     padding: 5px;
     text-decoration: none;
     border-bottom: solid 1px #CCCCCC; /* der rand zwischen den MenüElementen */
}
 
* html .mmContent li a {
     width: 160px;
     width: 160px;
}
 
/* */
.mmContent li a:link { background: #343471; color: #ffffff; font-size: 12px; }
.mmContent li a:visited { background: #343471; color: #ffffff; font-size: 12px; }
 
.mmContent li a:hover{ background: #343471; color: #ffffff; font-size: 12px; }
.mmContent li a:active { background: #343471; color: #ffffff; font-size: 12px; }
 
.mmContent li a.submenu {
background: #343471 url(http://85.214.32.188/fileadmin/images/cons/pfeil.gif) no-repeat right center; }
.mmContent li a.submenu:hover {
background: #343471 url(http://85.214.32.188/fileadmin/images/cons/pfeil.gif) no-repeat right center; }
 
/*
##########################################
# ypMenu Styles for our belove IE 5.01 #
##########################################
*/
 
.mmContentb {
     font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
 
.mmContentb ul {
     margin: 0px; padding: 0px;
     list-style: none;
     z-index:2;
     position:relative;
     left:0px; top:0px;
}
.mmContentb li {
     padding: 0px; margin: 0px;
}
 
.menuBackground {
     position:absolute;
     left:0px; top:0px;
     z-index:1;
}
 
.mmContentb li a {
     /* Links bzw. die slideMenü-Elemente definieren */
     display: block;
     width: 150px;
     padding: 5px;
     color: #222222;
     font-weight: normal;
     font-size: 12px;
     font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
     text-decoration: none;
     border-bottom: solid 1px #CCCCCC; /* der rand zwischen den MenüElementen */
}
 
* html .mmContentb li a {
     width: 160px;
     width: 160px;
}
 
.mmContentb li a:link { background: #343471; color: #ffffff; }
.mmContentb li a:visited { background: #343471; color: #ffffff; }
 
.mmContentb li a:hover{ background: #343471; color: #ffffff; }
.mmContentb li a:active { background: #343471; color: #ffffff; }
 
.mmContentb li a.submenu {
     background: #343471 url(http://85.214.32.188/fileadmin/images/cons/pfeil.gif) no-repeat right center;
     font-size: 12px;
}
.mmContentb li a.submenu:hover {
     background: #343471 url(http://85.214.32.188/fileadmin/images/cons/pfeil.gif) no-repeat right center;
     font-size: 12px;
}

#inhalt {

	font-family:arial;			/*Schriftart*/
	color:#343471;			/*Schriftfarbe*/
	font-size:12;			/*Schriftgröße*/
	overflow:auto;
	width:100%;
	height:100%;
	padding:20px;
	padding-left:30px;
	scrollbar-base-color:#D8DADC;			/*legt die Grundfarbe des Scrollbalkens fest*/
	scrollbar-track-color:#D8DADC;		/*legt die Hintergrundfarbe des Scrollbalkens fest*/
	scrollbar-face-color:#343471;			/*legt die Farbe der Scrollbalken-Oberfläche fest*/
}

#klickpfad {				/*class mit dem Namen "klickpfad" wird angesprochen*/

	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}


#klickpfad a:hover {			/*Mouseover-Effekt für die class "klickpfad"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}

#klickpfad a:visited {			/*Mouseover-Effekt für die class "klickpfad"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}

#klickpfad a:active {			/*Mouseover-Effekt für die class "klickpfad"*/
  	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}

#klickpfad a:link {			/*Mouseover-Effekt für die class "klickpfad"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
}

#menu_unten {				/*class mit dem Namen "menu_unten" wird angesprochen*/
	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#menu_unten a:hover {			/*Mouseover-Effekt für die class "menu_unten"*/
  	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#menu_unten a:visited {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#menu_unten a:active {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#menu_unten a:link {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

.form {
                 font-size: 11pt;
                 font-family: arial;
}
.table {
                 font-size: 11pt;
                 font-family: arial;
}

#druckansicht {				/*class mit dem Namen "menu_unten" wird angesprochen*/
	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#druckansicht a:hover {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#druckansicht a:visited {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#druckansicht a:active {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#druckansicht a:link {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button {				/*class mit dem Namen "menu_unten" wird angesprochen*/
	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button a:hover {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button a:visited {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button a:active {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

#button a:link {			/*Mouseover-Effekt für die class "menu_unten"*/
   	font-family:arial;			/*Schriftart*/
	color:#dddddd;			/*Schriftfarbe*/
	font-size:11;			/*Schriftgröße*/
	font-weight:bold;			/*legt fest wie fett eine Schrift ist*/
}

textarea {
                overflow-x:hidden;
                overflow-y:auto;
                width:266
}

td {
	font-family:arial;			/*Schriftart*/
	color:#343471;			/*Schriftfarbe*/
	font-size:12;
}

body,
html {
     overflow: hidden;
}
```

Wem die Pfade zu komisch sind kann sie gern x beliebig abändern.

Die benötigten Datei zu meinem Code bsp.:

<http://85.214.32.188/fileadmin/scripts/ypMenu/jslib.js>
<http://85.214.32.188/fileadmin/scripts/ypMenu/ypSlideOutMenus.js>
<http://85.214.32.188/fileadmin/scripts/ypMenu/ypmenu.ini>
<http://85.214.32.188/fileadmin/scripts/ypMenu/line_menu.gif>
<http://85.214.32.188/fileadmin/scripts/ypMenu/menu.png>
<http://85.214.32.188/fileadmin/scripts/ypMenu/menu_bg.png>
<http://85.214.32.188/fileadmin/scripts/ypMenu/menu_space.gif>
<http://85.214.32.188/fileadmin/scripts/ypMenu/menu_sub.gif>
<http://85.214.32.188/fileadmin/scripts/ypMenu/menu_sub.png>
<http://85.214.32.188/fileadmin/templates/style2/class2.css>
<http://85.214.32.188/fileadmin/templates/fonts/verdana.ttf>
<http://85.214.32.188/fileadmin/vorlage_con_sol.html>

So ich glaube nichts vergessen zu haben :) wer sich wundert warum die ypMenu.ini eine *.ini Datei ist -> nehmt es so hin ;) so brauch man wenigstens nicht remote arbeiten sondern kann bequem die Datei uploaden für änderungen.
Es werden noch 2 Grafiken für das Menü geladen die ihr euch allerdings selbst zusammen bauen müsstet.
Ich gebe sie euch allerdings trotzdem für die Abmaße.

Die Transparenz wurde ebenfalls entfernt.

<http://85.214.32.188/fileadmin/images/cons/cw-button.png>
<http://85.214.32.188/fileadmin/images/cons/cw-button_ro.png>

So dieses Menü funktioniert definitiv lediglich die Positionierung ist momentan bei mir wegen der langen Menüeinträge fürn Popo ;)

Ich hab auch schon versucht den breakpoint zu vergrößern brachte jedoch nicht den gewünschten erfolg. Falls mir ein Erfahrener T3 bauer an der Stelle eventuell helfen könnte wäre ich echt dankbar.

lg und viel spaß arrow

*edit: Die Downloads funzen alle wärs nicht geladen sondern nur angezeigt bekommt sollte nen DownloadManager benutzen oder im Opera den Schnelldownload via URL benutzen.

### [#91](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/91) · der typo · 2006-04-11

immer sind's die kleinigkeiten!
nach langem Herumprobieren - kurz vor dem Aufgeben - habe ich es doch hinbekommen. Nach dem ich alles so übernommen habe wie oben beschrieben und die Dateien heruntergeladen hatte war das Ergebnis eher enttäuschend.
Um das Ganze zum Laufen zu bringen muß folgendes gemacht werden:
1.) Die Datei "...fileadmin/scripts/ypMenu/ypmenu.ini" heißt im Pfad im externen Template "ypMenu.ini" - Dateinamen ändern oder im Pfad ändern.
2.) Im TS für das Maintemplate heißt das Stylesheet "class.css" - bei den benötigten Dateien heißt die Datei aber "class2.css" - auch hier Dateinamen ändern oder im Pfad ändern.

Und - siehe da - es läuft!
Viel Spaß
der typo

### [#92](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/92) · dorf · 2006-04-11

hallo,

versuch mich auch gerade am slidemenu.
bekomme aber bei den menupunkten die aufklappen sollen einen seitenfehler angezeigt.

> Zeile: 137
> Zeichen: 2
> Fehler: 'container' ist Null oder kein Objekt
> Code: 0

weiß einer warum das menu nicht aufgeht.

gruß

### [#93](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/93) · dorf · 2006-04-11

hallo,

jetzt geht es.
hab das ganze nochmal durchgearbeitet und jetzt geht es.
weiß der geier warum, wird irgendwo ein schreibfehler dringewesen sein.

gruß

### [#94](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/94) · arrow · 2006-04-12

ach entschuldigt ^^ ein paar schreib fehler und schwubs =) aber ihr habts ja hinbekommen.  :o

Andere Version andere Probleme.

Ich habe ebend auf T3 Version 4.0 Umgestellt und nen kleinen Anfall bekommen  8-)
Auf einer meiner Websites benutze ich ja das ypMenü das sich anscheinend nicht mehr ganz so gut mit der 4er Version verträgt. Hat jemand das kompatibilitäts Problem der ypMenü.php/ini schon in den Griff bekommen?

aktueller output ist bei mir ->
Warning: Cannot modify header information - headers already sent by (output started at ...\fileadmin\scripts\ypMenu\ypMenu.ini:358-) in
...\typo3\sysext\cms\tslib\class.tslib_fe.php on line 2767

lg

### [#95](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/95) · krimske · 2006-05-16

Hallo,

ich wollte auch das menü mal testweise ausprobieren, aber leider kann ich die Dateien nicht runterladen (auch nicht mit einem Downloadmanager).

Hat eventuell jemand die Dateien und wäre so nett und schickt diese mir zu??
An: krimske@gmx.de

Vielen Dank schonmal!

Gruß

### [#96](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/96) · Pasci · 2006-06-04

Hallo an alle,

Ich moechte das ypmenu auch gerne in mein typo3 4.0 was mit templavoila laeuft einbauen. Nur, funzt der link fuer die ypMenu.php, ypSlideOutMenus.js, ypMenu.css nicht. Kann mir jemand bitte die files an pasci2[at]gmx[dot]net senden? Vielen vielen Dank schon mal im Vorraus.[/url]

### [#97](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/97) · WeVo · 2006-06-04

Ihr solltet den kompletten Post lesen. Dort wird nochmal ein Download angeboten welcher funktioniert.

Viele Grüße

Markus

### [#98](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/98) · Pasci · 2006-06-04

Super Antwort.. Ich liebe immer diese Antworten wo gesagt wird lies mal hieur dies und das anstatt einfach die Antwort zu geben.. aber eh wurscht. habs auch noch woanders gefunden: 213.239.197.144/fileadmin/downloads/ypmenu.zip

### [#99](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/99) · schwaiger · 2006-06-10

hi,

da kein link hier im post mehr funktioniert und der letzte post zum vertikalen verlinkt hätte ich eine bitte.

Bitte postet nochmal das horizontalte ypslide menu oder schickt es mir..

meine mail f.schade@schade-design.com

1000 dank u lg flo

### [#100](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus/100) · silverzone · 2006-06-12

Hallo Zusammen

Ich habe das yp-Menu erfolgreich in meine Seite integriert. Nun wollte ich die site mit ie 4.01 testen. leider wird es vollends falsch dargestellt. Eigentlich müsste doch für IE 4.01 eine andere css-klasse verwendet werden...

```typoscript
<div id="menu47Container" class="mmContainer"><div id="menu47Content" class="mmContent">
```

Also eigentlich sollte hier doch mmContentB stehen. weiss jemand an was das liegt, dass hier das falsche rauskommt?

mit allen anderen Browsern funktionierts.

---

Quelle: „[Beispiel] ypMenu ( GMENU horizontal , ypSlideOutMenus )“, typo3.net, https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.

Weiter: [Seite 2 von 2](https://www.typo3.net/d/20440-beispiel-ypmenu-gmenu-horizontal-ypslideoutmenus.md?page=2)