---
title: "ypMenu vertikal"
url: "https://www.typo3.net/d/31085-ypmenu-vertikal"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2005-10-02"
last_reply: "2007-03-16"
replies: 36
solved: false
page: 1
pages: 1
lang: "de"
---

# ypMenu vertikal

TYPO3 › Menüs · 36 Antworten · gestartet 2005-10-02

## Eröffnungsbeitrag

**woida** · 2005-10-02 · [Beitrag #1](https://www.typo3.net/d/31085-ypmenu-vertikal/1)

Ich habe mal das ypmenu von meade.de ([/d/15065-wwwmeadede](https://www.typo3.net/d/15065-wwwmeadede)) umgeschrieben, damit es anstatt horizontal nun vertikal dargestellt wird.

**Achtung: Dieses Menü ist nicht für Anfänger geeignet. Arbeitet euch erstmal mit Typo3 ein, bevor ihr es einsetzt.**

Nebenbei ist das Menü XHTML 1.0 Transitional valide.

Unter <http://213.239.197.144/ypmenu/ypmenu.zip> könnt ihr euch das komplette Paket runterladen.

Folgendes ist zu tun:

1. Die ganzen Datein innerhalb fileadmin ablegen. Wenn ihr die Verzeichnistruktur im zip verwendet, braucht ihr weniger anzupassen.

2. In der Inhalt der Datei TS.txt kommt ins Setup des Root-Templates.
Ich poste hier nur einen Ausschnitt.
Angepaßt werden muß:
Zeile 17: hier der Pfad zu der menu.css (wenn ihr nicht meinen Pfad verwendet)
Zeile 24: auch hier die Pfade anpassen, wenn ihr andere habt
Zeile 28: hier kommt die ID eurer Root-Seite hin.

```typoscript
page = PAGE
page.typeNum = 0


page {
	config.doctype = xhtml_trans 
	config.xhtml_cleaning = all
	config.xmlprologue=none
	config.prefixLocalAnchors = 1
	config.locale_all = de_DE.ISO8859-1 
	config.language = de 
}



page.includeCSS {
	file1 = fileadmin/menu.css
}


page.includeLibs.ypMenu = fileadmin/ypmenu.php

page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/res/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/res/jslib.js" language="JavaScript"></script>

temp.ypMenu.special = directory
temp.ypMenu = HMENU
temp.ypMenu.special.value = 1 # hier die ID der root-page eintragen
temp.entryLevel=1

page.10 < temp.ypMenu
page.80 < temp.user_menu
```

3. Habt ihr die Pfade verändert, solltet ihr noch in die menu.css schaun, damit der Pfad zu den Bildern stimmt.

4. Um die Position der ypmenus zu verändert, schaut in die ypmenu.php.
Hier wieder nur ein Ausschnitt:

```php
class user_menu {
   var $offsetY = 1; // inital offset values for the first level elements
   var $offsetX = 120;
   var $sublevelWidth = 177; // width and height values for sublevel items
   var $sublevelHeight = 22;
   
   var $padding = 5;
   var $fontSize = 12;
   var $breakpoint = 28; // recalculate width of text after x characters
   var $secPadding = 12; // 12 padding inc. border
   
   var $fontFile = '/home/typo38/dummy/fileadmin/fonts/verdana.ttf'; // font file needed to calculate linebreaks
```

In Zeile 4 und 5 wird die Position des Menüs verändert.
Zeile 12 gibt den Pfad zu TTF-Datei an. Hier muß übrigends der vollständige Pfad stehen!

So nun viel Spaß damit und Danke an die Macher von meade.de für das tolle Skript!

## Antworten

### [#2](https://www.typo3.net/d/31085-ypmenu-vertikal/2) · ms70 · 2005-10-03

das ZIP ist leider fehlerhaft - zumindest kann ich's nicht oeffnen ......

!   Apps\TYPO3\ypMenu\ypmenu.zip: Unexpected end of archive

### [#3](https://www.typo3.net/d/31085-ypmenu-vertikal/3) · woida · 2005-10-03

Ich habs nochmal hochgeladen; jetzt sollte es gehen.

### [#4](https://www.typo3.net/d/31085-ypmenu-vertikal/4) · ms70 · 2005-10-03

alles klar.. funkt. Danke!!  :-)

### [#5](https://www.typo3.net/d/31085-ypmenu-vertikal/5) · tmtsomewhere · 2005-10-03

kann mir jemand einen link posten wo man sich das schon fertig anschauen kann? Danke

LG and tmtsomewhere

### [#6](https://www.typo3.net/d/31085-ypmenu-vertikal/6) · ms70 · 2005-10-04

hier - allerdings in der horizontalen Version:
<http://www.meade.de/index.php?id=1>

### [#7](https://www.typo3.net/d/31085-ypmenu-vertikal/7) · mastersolo · 2005-10-04

hallo woida,
ich habe versucht dein menu bei mir einzubinden,
mit den entsprechenden anpassungen die du beschrieben hast.
leider bekomme ich keine anzeige.
Frage: die platzhalter die du mit temp bezeichnet hast, müßen die auch angepasst werden, und wenn ja wie?
Ich möchte das menue auf den platzhalter ###MENU_LINKS### eingebunden haben und bin schon seit 2 Tagen damit beschäftigt.
Wer kann mir helfen ?

MfG
Mastersolo

### [#8](https://www.typo3.net/d/31085-ypmenu-vertikal/8) · woida · 2005-10-05

Wenn du dein Menü in Marker ###MENU_LINKS### haben willst, reicht ein

```typoscript
marks.MENU_LINKS < temp.ypMenu
```

Eine Änderung hab ich noch vergessen:

```typoscript
temp.ypMenu {
	1 = GMENU
	1 {
		IProcFunc = user_menu->firstLevel
		expAll = 1
		wrap = |
		NO = 1
		NO {
			wrap = |<br />
			XY = 120, 23
			30 = IMAGE
			30.file = fileadmin/trans.png

			50 = TEXT
			50 {
				text.field = title
				fontSize = 12
				fontFile = fileadmin/fonts/verdanab.ttf
				fontColor = #000000
				offset = 5,17
				antiAlias=0
			}
			90 = BOX
			90 {
				dimensions = 0,22,120,2
				color=black
			}
			
		}
```

evtl. mußt du die Pfade in Zeile 12 und 18 anpassen.

### [#9](https://www.typo3.net/d/31085-ypmenu-vertikal/9) · mastersolo · 2005-10-05

WOIDA  :D Danke für deine Antwort.
Ich komme leider nicht weiter, hier mal meinen ganzen test script, was mache ich da falsch ?

```typoscript
# Die Webseite darstellen
page = PAGE
page {
        config.doctype = xhtml_trans 
        config.xhtml_cleaning = all
        config.xmlprologue=none
        config.prefixLocalAnchors = 1
        config.locale_all = de_DE.ISO8859-1 
        config.language = de
        typeNum = 0
        # Allgemeine Seiteneigenschaften setzen
        bodyTag = <body bgcolor="#FEFEFE">
        meta{
                   AUTHOR = Name
                   DESCRIPTION = Seitenbeschreibung
                  }
### Stylesheet datei einbinden
        stylesheet = fileadmin/templ/style.css
# Die Designvorlage integrieren
           10 = TEMPLATE
           10.template = FILE
           10.template.file = fileadmin/templ/VORLAGE.HTML
           10.workOnSubpart = DOKUMENT
#Body-Bereich wurde übernommen
  
page.includeCSS {
        file1 = fileadmin/menu.css
                         } 
page.includeLibs.ypMenu = fileadmin/ypmenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/res/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/res/jslib.js" language="JavaScript"></script>
 
page.20 < temp.ypMenu
page.80 < temp.user_menu
 
10.marks.MENU_LINKS < temp.ypMenu      
10.marks {
# Textmenue oben erstellen
                             MENU_OBEN = TEXT
                             MENU_OBEN.value = test
#MENU_LINKS                             
#                             MENU_LINKS = TEXT
#                             MENU_LINKS.value = test

MENU_LINKS < temp.ypMenu

temp.ypMenu.special = directory
temp.ypMenu = HMENU
temp.ypMenu.special.value = 215 # hier die ID der root-page eintragen
temp.entryLevel=1
temp.ypMenu {
        1 = GMENU
        1 {
                IProcFunc = user_menu->firstLevel
                expAll = 1
                wrap = |
                NO = 1
                NO {
                        wrap = |
                        XY = 120, 23
                        30 = IMAGE
                        30.file = fileadmin/trans.png
 
                        50 = TEXT
                        50 {
                                text.field = title
                                fontSize = 12
                                fontFile = fileadmin/fonts/verdanab.ttf
                                fontColor = #000000
                                offset = 5,17
                                antiAlias=0
                        }
                        90 = BOX
                        90 {
                                dimensions = 0,22,120,2
                                color=black
                        }
                        
                }  
		IFSUB < temp.ypMenu.1.NO
		IFSUB = 1
		RO < temp.ypMenu.1.NO
		RO = 1
		RO {

		}

		IFSUBRO < temp.ypMenu.1.NO
		IFSUBRO = 1
		IFSUBRO {

		}
	}    

	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 nämlich immer noch keine Anzeige. :o
Und meine Verzeichnisse stimmen. #angry#

### [#10](https://www.typo3.net/d/31085-ypmenu-vertikal/10) · Bebbi · 2005-10-05

Hi

habe deinen Code nur ganz kurz überflogen und nicht getestet. Beim Durchzählen habe ich das Gefühl, das was mit den Klammern nicht stimmt. Die Klammer bei Zeile 3 wird nicht geschlossen. Die Marker um Zeile 36 werden wahrscheinlich aus diesem Grund auch nicht korrekt angezeigt.

Gruss

Bebbi

### [#11](https://www.typo3.net/d/31085-ypmenu-vertikal/11) · woida · 2005-10-05

Lösch in Zeile 118 die Klammer raus und ersetz die Zeile 33-45 durch

```typoscript
page.20 < temp.ypMenu
page.80 < temp.user_menu
 
10.marks {
# Textmenue oben erstellen
                             MENU_OBEN = TEXT
                             MENU_OBEN.value = test
                             MENU_LINKS < temp.ypMenu
}
```

Die Zeilen waren bei dir definitv falsch.

### [#12](https://www.typo3.net/d/31085-ypmenu-vertikal/12) · mastersolo · 2005-10-06

Danke für die Antworten. Aber bei mir will er einfach den copier operator  :'( nicht annehmen.
Ich gebe für heute mal typo3 offen für hilfsstellungen.
<http://theworld-webdesign.com/testtypo3/typo3/>
benutzer = test
passwort = test

Rootpage experimental
Woida es wäre echt nett wenn du da mal nen blick draufwerfen könntest.Hättest dann auch einen bei mir gut.
MfG
Mastersolo

### [#13](https://www.typo3.net/d/31085-ypmenu-vertikal/13) · woida · 2005-10-06

Jetzt gehts. Mußt nur noch die Position des Menüs in der ypmenu.php verändern.

### [#14](https://www.typo3.net/d/31085-ypmenu-vertikal/14) · mastersolo · 2005-10-07

Super Danke. :p
Das ist wirklich sehr nett von dir.
Ich hätte da wohl noch ewig gesucht.
Hey Woida wenn Du mal in Bremen bist gebe ich dir gerne nen Bier aus. :D
MfG
Mastersolo

### [#15](https://www.typo3.net/d/31085-ypmenu-vertikal/15) · mastersolo · 2005-11-05

Hi Woida
sag mal ich möchte gerade das menue zum horizontalen zurück ändern.
habe aber große probleme damit.
hast du da mal nen tip ?
ich habe versuch die ypmenu.php abzuändern ohne den erfolg den ich da gerne hätte.

```php
            $GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['level'] = $level;
            $GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['uid'] = $I['uid'];
            $GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['imgwidth'] = $I['val']['output_w'];
            $GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['imgheight'] = $I['val']['output_h'];
            $GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['width'] = $this->sublevelWidth;
            $GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['height'] = $this->sublevelHeight;
            $GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'down';


###############
#$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['top'] = $GLOBALS['TSFE']->applicationData['ypTemp']['y'] + $this->offsetY;
$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['top'] = $this->offsetY;
$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['left'] = $this->offsetX;         
#$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['left'] = $GLOBALS['TSFE']->applicationData['ypTemp']['x'] + $this->sublevelWidth; 
##############
```

und

```php
#####################		   
		    // move down habe ich mit move right ausgetaucht                                       #
         #$GLOBALS['TSFE']->applicationData['ypTemp']['y'] += $I['val']['output_h'];               #
                                                                                                   #
           // move right                                                                           #
         $GLOBALS['TSFE']->applicationData['ypTemp']['x'] += $I['val']['output_w'];               #
############
```

hast du nen Tip ?
Oder wer kann mir da helfen ?

### [#16](https://www.typo3.net/d/31085-ypmenu-vertikal/16) · woida · 2005-11-05

Wenn du dir den Ursprungsthread raussuchst, bist du wahrscheinlich schneller am Ziel. Da war das Menü nämlich horizontal angeordnet.

### [#17](https://www.typo3.net/d/31085-ypmenu-vertikal/17) · rumpelstielzchen · 2005-11-10

hat jemand noch die zip datei? der link ist tot...

vielen dank

### [#18](https://www.typo3.net/d/31085-ypmenu-vertikal/18) · woida · 2005-11-15

Hier der Link zur ZIP-Datei:
<http://www.schachbund-bayern.de/fileadmin/downloads/ypmenu.zip>

Der alte Link geht auch wieder.

### [#19](https://www.typo3.net/d/31085-ypmenu-vertikal/19) · Liberation · 2005-11-20

Hi woida,
danke das Du mein namen im php & css gelassen hast.

Habe das PHP mitlerweile so um gebaut das es auch mit 1 ebene als Tmenu funktioniert.
Wen das intressiert soll sich bei mir melden.

Gruss & happy work.

### [#20](https://www.typo3.net/d/31085-ypmenu-vertikal/20) · einpraegsam.​net · 2005-12-22

Ich habe da ständig eine Fehlermeldung im Internetexplorer, sobald ich das erste Menu "überfahre":
Fehler auf Seite

Kann es sein das da was mit dem JS nicht stimmt?

Bei allen anderen Menüpunkten fährt er richtig aus, nur beim ersten nicht!?

### [#21](https://www.typo3.net/d/31085-ypmenu-vertikal/21) · lulatsch · 2005-12-22

> **wunschtacho schrieb:**
>
> Ich habe da ständig eine Fehlermeldung im Internetexplorer, sobald ich das erste Menu "überfahre":
> Fehler auf Seite

Details der Fehlermeldung? Bei mir passiert das im IE auch ab und zu (allerdings im horizontalen Menü), aber immer nur auf einzelnen Seiten - wenn man dann den Cache vom IE leert, klappt's wieder. Irgendwie seltsam ...

Falko

### [#22](https://www.typo3.net/d/31085-ypmenu-vertikal/22) · schani · 2005-12-26

Hallo, ich versuche das Menu bei mir einzubauen, aber bekomme nur Fehlermeldungen.

Ich bekomme zwar das Menu dargestellt, aber nur den Ersten Ersten Menupunkt. Die weiteren werden als nicht vorhandenes Image dargestellt und wenn ich drauf klicke bekomme ich einen haufen Fehler wie imagecreate(): Invalid image dimensions ...
Ich habe alle Pfade nochmal überprüft und die stimmen.

Die Site ist unter <http://www.schani.com> zu erreichen.

Könnt Ihr mal über mein TS drüberschauen. Besten Dank für Hilfe

Christian

Hier mal die Teile meines TS die das ypMenu betreffen:

```typoscript
includeCSS.file1 = fileadmin/ypmenu/menu.css
includeLibs.ypMenu = fileadmin/ypmenu/ypmenu.php
headerData.10 = TEXT
headerData.10.value = <script type="text/javascript" src="fileadmin/ypmenu/res/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/ypmenu/res/jslib.js" language="JavaScript"></script>


10.marks {

MENU_LINKS.special = directory
MENU_LINKS = HMENU
MENU_LINKS.special.value = 1 

MENU_LINKS {
	1 = GMENU
	1 {
		IProcFunc = user_menu->firstLevel
		expAll = 1
		wrap = |
		NO = 1
		NO {
			wrap = |<br />
			XY = 160, 23
			30 = IMAGE
			30.file = fileadmin/ypmenu/images/menu.png

			50 = TEXT
			50 {
				text.field = title
				fontSize = 8
				fontFile = fileadmin/ypmenu/fonts/verdanab.ttf
				fontColor = #000000
				offset = 5,17
				antiAlias=1
			}
			90 = BOX
			90 {
				dimensions = 0,22,160,2
				color=black
			}
			
		} 
		IFSUB < NO
		IFSUB = 1
		RO < NO
		RO = 1
		RO {

		}

		IFSUBRO < 1.NO
		IFSUBRO = 1
		IFSUBRO {

		}
	}    

	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


}
```

Hier noch mal das komplette TS:

```typoscript
page = PAGE
page.typeNum = 0

page{
includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
includeLibs.gmenu_layers = media/scripts/gmenu_layers.php


config.stat = 1
config.stat_apache = 1
config.stat_apache_logfile = access_log.log

# Legt xhtml fest
config.doctype = xhtml_trans
config.xhtml_cleaning = all
config.locale_all = de_DE@euro
config.language = de


config.index_enable = 1
config.index_external = 1

stylesheet = fileadmin/style.css
shortcutIcon = fileadmin/favicon.ico

### YPMENU ###
includeCSS.file1 = fileadmin/ypmenu/menu.css
includeLibs.ypMenu = fileadmin/ypmenu/ypmenu.php
headerData.10 = TEXT
headerData.10.value = <script type="text/javascript" src="fileadmin/ypmenu/res/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/ypmenu/res/jslib.js" language="JavaScript"></script>
 


###SEITENEIGENSCHAFTEN###

bodyTag = <body bgcolor="#b4b8b0" topmargin="0" leftmargin="0">


//smallFormFields = 1

###DESIGNVORLAGE INTEGRIEREN###
 
   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/vorlage.html
   10.workOnSubparts = DOKUMENT
 
###DATUM###
   10.marks.DATUM = TEXT
   10.marks.DATUM.data =  date : d.m.Y


 
### LINKES LOGO OBEN ###
   10.marks.LOGO = IMAGE
   10.marks.LOGO.file = GIFBUILDER
   10.marks.LOGO.file {
      XY = 160, 120
      ##backColor  = #697DEE
      10 = IMAGE
      10.file =  fileadmin/bilder/schani_blau.jpg
      10.file.width = 160
      10.file.hight = 120
 
      }
 

### RECHTES LOGO/HEADER  OBEN ###
   10.marks.TRAILER = IMAGE
   10.marks.TRAILER.file = GIFBUILDER
   10.marks.TRAILER.file {
      XY = 740, 120
      //backColor  = #697DEE
      10 = IMAGE
      10.file =  fileadmin/images/everybody.jpg
      //10.offset = 122, 0
      10.file.width = 740
      10.file.hight = 120
      //reduceColors = 256
      format = jpg
     
      20 = TEXT
      20.text.field  = title
      20.fontFile = fileadmin/fonts/verdanabd.ttf
      20.fontSize = 12
      20.fontColor = #061467
      20.offset = 10, 115

      }
 

###MENÜS###################################################################
 



   # Oberes Menü

10.marks {
   
      MENU_OBEN = HMENU
      MENU_OBEN.special = directory
      MENU_OBEN.special.value = 5
      MENU_OBEN.1 = TMENU
      MENU_OBEN.1.NO = 1
      MENU_OBEN.1.NO.linkWrap =  | | |*|  | | |*|  |



# Linkes Menü

MENU_LINKS.special = directory
MENU_LINKS = HMENU
MENU_LINKS.special.value = 1 
//temp.entryLevel=1
MENU_LINKS {
	1 = GMENU
	1 {
		IProcFunc = user_menu->firstLevel
		expAll = 1
		wrap = |
		NO = 1
		NO {
			wrap = |<br />
			XY = 160, 23
			30 = IMAGE
			30.file = fileadmin/ypmenu/images/menu.png

			50 = TEXT
			50 {
				text.field = title
				fontSize = 8
				fontFile = fileadmin/ypmenu/fonts/verdanab.ttf
				fontColor = #000000
				offset = 5,17
				antiAlias=1
			}
			90 = BOX
			90 {
				dimensions = 0,22,160,2
				color=black
			}
			
		} 
		IFSUB < NO
		IFSUB = 1
		RO < NO
		RO = 1
		RO {

		}

		IFSUBRO < 1.NO
		IFSUBRO = 1
		IFSUBRO {

		}
	}    

	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



      








### SUCHEFORMULAR LINKS ###
SUCHE < tt_content.search.30
SUCHE {
target = _self
badMess = keine Eingabe
layout = ###FIELD###<br />
redirect = 24
stdWrap.wrap >
      dataArray.10 {
      label = Finde:
      type = *sword = input, 10 , 30
      }
      
      dataArray.20 {   
      valueArray >
      type = scols = hidden
      value = pages.title-subtitle-keywords-description:tt_content.header-bodytext-imagecaption
      }

}





### CONTENT ###
      INHALT = CONTENT
      INHALT {
           table = tt_content
           select.orderBy = sorting
           select.where = colPos = 0

}



 


###KLICKPFAD###
 
      KLICKPFAD = HMENU
      KLICKPFAD.wrap = |
      KLICKPFAD.special = rootline
      KLICKPFAD.special.range = 2|-1
      KLICKPFAD.1 = TMENU
      KLICKPFAD.1.NO = 1
      KLICKPFAD.1.NO.linkWrap = | / 
 


### FOOTER ####

      FOOTER = TEXT
      FOOTER.value =  SChani.com ©2005
      //FOOTER.data =  date : Y

## MARKS ENDE ##
}








plugin.tx_gsislideshow_pi1 {
  labels.next = TEXT
  labels.next.value = <b>NEXT</b>
 
  copyright_stdWrap.required = 1
  copyright_stdWrap = Copyright: | <br />
 
  tpl =< my_template_cobj
}







### PAGE ENDE ###
}







###LOGIN###

# Loginbox auf allen Seiten, wird innerhalb der Seite zugewiesen
[usergroup = *]
# Logout
page.10.marks.LOGIN = TEXT
page.10.marks.LOGIN.data  = TSFE : id
page.10.marks.LOGIN.wrap ( 
<span class="login_header">LogOut</span>
<form action="index.php?id= | " method="post" />
<input type="hidden" name="logintype" value="logout" />
<input type="submit" name="submit" title="Abmelden" value="Abmelden" />
</form>

)

 

[else]
# Login, Id 343 ist die Anmeldeseite, Id 98 ist der Sys-Ordner Benutzer
page.10.marks.LOGIN = TEXT
//page.10.marks.LOGIN.data  = TSFE : id
page.10.marks.LOGIN.wrap (
                            <span class="login_header">LogIn</span>
                            <form action="index.php?id=19" method="post" style="margin-top:0pt; margin-bottom:0pt">
				<span class="inhalt">UserID:</span><br />
				<input name="user" type="text" id="user" title="Benutzername" size="15" /> <br />
				<span class="inhalt">Passwort:</span><br />
				<input name="pass" type="password" id="pass" title="Passwort" size="15" />
                            <input type="submit" name="image" value="Login" />
                            <input type="hidden" name="redirect_url" value="index.php?id=18 " />
                            <input type="hidden" name="logintype" value="login" />
                            <input type="hidden" name="pid" value="19" />
                             </form>
)
[global]







#tt_content.menu.20.2.1.NO.allWrap = |
#tt_content.menu.20.2.1.NO.linkWrap = <div class="sitemap1"> | </div>
tt_content.menu.20.2.2.NO.allWrap = |
tt_content.menu.20.2.2.NO.linkWrap = <div class="sitemap2"> | </div>
tt_content.menu.20.2.3.NO.allWrap = |
tt_content.menu.20.2.3.NO.linkWrap = <div class="sitemap3"> | </div>
tt_content.menu.20.2.4.NO.allWrap = |
tt_content.menu.20.2.4.NO.linkWrap = <div class="sitemap4"> | </div>
```

### [#23](https://www.typo3.net/d/31085-ypmenu-vertikal/23) · woida · 2005-12-27

Ich würd als erstes mal die "temp"-Sachen (Zeile 182-183) aus "page" raus nehmen.

PS.: Mit was kompimierst du deine Seiten?

### [#24](https://www.typo3.net/d/31085-ypmenu-vertikal/24) · schani · 2005-12-27

Die temp rausnehmen hat nichts gebracht.

Es kommen noch immer die Fehlermeldungen. Irgend was stimmt anscheinend nicht mit der 1.NO Anweisung. Komme aber nicht drauf was ich falsch mache.

Was meinst Du mit "kompimierst". Ich nutzte die normale Seitenkompression im Typo3 - steht auf 3

Christian

### [#25](https://www.typo3.net/d/31085-ypmenu-vertikal/25) · woida · 2005-12-27

Dann würd ich vorschlagen, daß du mit dem TS aus dem ZIP-Paket beginnst und nach und nach die einzelnen Bereiche aus deinem TS hinzufügst. Dann siehst du schon, wos hackt.

### [#26](https://www.typo3.net/d/31085-ypmenu-vertikal/26) · schani · 2005-12-27

Leider verwendet das Zip Paket keine Marker. Ich weis nicht recht wie ich es umbauen muss damit ich es in meine Templates bringe. Das Menü funktioniert mit dem TS aus der Zip Datei gut, das hab ich schon ausprobiert.

Was meintest Du mit "Wie kompremiertst Du Deine Seiten" ?
Sind sie sehr langsam ?

Christian

### [#27](https://www.typo3.net/d/31085-ypmenu-vertikal/27) · schani · 2005-12-27

Ich habe mein TS nochmal ganz neu aufgebaut und das Menu wird auch im Ersten Level dargestellt. Die weiteren Level leider nicht.
Ich bekomme den Java Fehler:

```javascript
Fehler: obj has no properties
Quelldatei: http://www.schani.com/fileadmin/ypmenu/res/ypSlideOutMenus.js
Zeile: 115
```

beim betätigen des Menüs.  #angry#

Anscheinend werden die richtigen VAriablen nicht an JavaScript übergeben.
Ich bin am verzweifeln.

```typoscript
config.stat = 1
config.stat_apache = 1
config.stat_apache_logfile = access_log.log





temp.ypMenu.special = directory
temp.ypMenu = HMENU
temp.ypMenu.special.value = 1
temp.entryLevel=1
temp.ypMenu {
	1 = GMENU
	1 {
		IProcFunc = user_menu->firstLevel
		expAll = 1
		wrap = |
		NO = 1
		NO {
			wrap = |<br />
			XY = 160, 23
			30 = IMAGE
			30.file = fileadmin/ypmenu/images/menu.png

			50 = TEXT
			50 {
				text.field = title
				fontSize = 9
				fontFile = fileadmin/ypmenu/fonts/verdanab.ttf
				fontColor = #222222
				offset = 5,17
				antiAlias=1
			}
			90 = BOX
			90 {
				dimensions = 0,22,160,2
				color=silver
			}
			
		} 
		IFSUB < temp.ypMenu.1.NO
		IFSUB = 1
		RO < temp.ypMenu.1.NO
		RO = 1
		RO {

		}

		IFSUBRO < temp.ypMenu.1.NO
		IFSUBRO = 1
		IFSUBRO {

		}
	}    

	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>
	}
}








page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/style.css
page.shortcutIcon = fileadmin/favicon.ico

page.includeLibs.ypMenu = fileadmin/ypmenu/ypmenu.php
page.includeCSS.file1 = fileadmin/ypmenu/menu.css
 
 
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/ypmenu/res/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/ypmenu/res/jslib.js" language="JavaScript"></script>

page.config.index_enable = 1
page.config.index_external = 1



page {
        config.doctype = xhtml_trans 
        config.xhtml_cleaning = all
        config.xmlprologue=none
        config.prefixLocalAnchors = 1
        config.locale_all = de_DE.ISO8859-1 
        config.language = de 





###DESIGNVORLAGE INTEGRIEREN###
 
   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/vorlage.html
   10.workOnSubparts = DOKUMENT


###LINKES MENU übergeben###
 
   10.marks.MENU_LINKS < temp.ypMenu

###DATUM###
   10.marks.DATUM = TEXT
   10.marks.DATUM.data =  date : d.m.Y


 
### LINKES LOGO OBEN ###
   10.marks.LOGO = IMAGE
   10.marks.LOGO.file = GIFBUILDER
   10.marks.LOGO.file {
      XY = 160, 120
      ##backColor  = #697DEE
      10 = IMAGE
      10.file =  fileadmin/bilder/schani_blau.jpg
      10.file.width = 160
      10.file.hight = 120
 
      }
 

### RECHTES LOGO/HEADER  OBEN ###
   10.marks.TRAILER = IMAGE
   10.marks.TRAILER.file = GIFBUILDER
   10.marks.TRAILER.file {
      XY = 740, 120
      //backColor  = #697DEE
      10 = IMAGE
      10.file =  fileadmin/images/everybody.jpg
      //10.offset = 122, 0
      10.file.width = 740
      10.file.hight = 120
      //reduceColors = 256
      format = png
     
      20 = TEXT
      20.text.field  = title
      20.fontFile = fileadmin/fonts/verdanabd.ttf
      20.fontSize = 12
      20.fontColor = #061467
      20.offset = 12, 115

      }
 

###MENÜS###################################################################
 
   # Oberes Menü

10.marks {
   
      MENU_OBEN = HMENU
      MENU_OBEN.special = directory
      MENU_OBEN.special.value = 5
      MENU_OBEN.1 = TMENU
      MENU_OBEN.1.NO = 1
      MENU_OBEN.1.NO.linkWrap =  | | |*|  | | |*|  |



### CONTENT ###
      INHALT = CONTENT
      INHALT {
           table = tt_content
           select.orderBy = sorting
           select.where = colPos = 0

       }


###KLICKPFAD###
 
      KLICKPFAD = HMENU
      KLICKPFAD.wrap = |
      KLICKPFAD.special = rootline
      KLICKPFAD.special.range = 2|-1
      KLICKPFAD.1 = TMENU
      KLICKPFAD.1.NO = 1
      KLICKPFAD.1.NO.linkWrap = | / 
 


### FOOTER ####

      FOOTER = TEXT
      FOOTER.value =  SChani.com ©2005
      //FOOTER.data =  date : Y


} // ENDE MARK
 

} // ENDE PAGE






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




//page.20 < temp.ypMenu
//page.80 < temp.user_menu
```

### [#28](https://www.typo3.net/d/31085-ypmenu-vertikal/28) · lulatsch · 2005-12-28

> **schani schrieb:**
>
> Ich bekomme den Java Fehler:
> ...
> Anscheinend werden die richtigen VAriablen nicht an JavaScript übergeben.
> Ich bin am verzweifeln.

Auf deiner Seite siehts ja jetzt gut aus - was war es denn?
Bleibt nur noch die Pixel-Verschiebung in der 3. Ebene, die habe ich bei uns auch (noch) nicht wegbekommen (horizontales Menu), denn wenn ich die korrigiere, fehlt dann meist die Hälfte der letzten Zeile.

lulatsch

### [#29](https://www.typo3.net/d/31085-ypmenu-vertikal/29) · schani · 2005-12-29

Ja, jetzt geht es. Ich habe nochmal alles komplett aufgebaut und meine zusätzlichen Einträge um das Menü drumrumgebaut.

Schaut doch gut aus oder ?

Besten Dank für Eure Hilfe

Christian

### [#30](https://www.typo3.net/d/31085-ypmenu-vertikal/30) · woida · 2005-12-29

> **schani schrieb:**
>
> Was meintest Du mit "Wie kompremiertst Du Deine Seiten" ?
> Sind sie sehr langsam ?

Ich hab in deinem HTML-Quellcode nur einen Kommentar gesehen, daß die Seite komprimiert wird. Ich wollt nur wissen, wie der da reinkommt.

Aber ja, die Seite ist sehr langsam.

### [#31](https://www.typo3.net/d/31085-ypmenu-vertikal/31) · El_Rolando · 2006-07-12

Grüss euch Typo3ler,

Ich suche Seit längerem nach einer Lösung für ein vertikales Layer Menu!

Nach endlosen Stunden, ja bald Tagen und keinem zufriedenstellenden Ergebnis habe ich versucht gemäss diesem HowTo ein vertikales ypMenu zu erstellen.

Habe eigentlich alles gemäss Vorgaben übernommen... nur ein wenig auf meine „Test“-Bedürfnisse angepasst:
    - habe eine HTML-Vorlage erstellt (Layout: Tabelle, zentriert) [Vorgaben]
    - habe 2 Marker eingesetzt, wobei einer fürs Menu bestimmt ist! ###MENU###
- Den Rest habe ich übernommen… natürlich die Pfade angepasst!

Das Ganze sieht bis jetzt so aus: <http://www.el-rolando.ch/index.php?id=2>

Die erste Menu-Ebene wird angezeigt aber es kommen (trotz entsprechender Unterseiten) keine SlideOutLayers!?! Aber auch keine Error Meldungen!? Was habe ich denn vergessen??  #angry#

```typoscript
###################################################################
# Default PAGE:
###################################################################
### Definition der PAGE Eigenschaften ###
page = PAGE
page.typeNum=0
page.bodyTag = <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
	
### Deklaration der Pagesettings ###
page {
        config.doctype = xhtml_trans 
        config.xhtml_cleaning = all
        config.xmlprologue=none
        config.prefixLocalAnchors = 1
        config.locale_all = de_DE.ISO8859-1 
        config.language = de 
}

### Laden des Pagetemplates/HTML-Vorlage ###
page.1 = TEMPLATE
page.1.template = FILE
page.1.template.file = fileadmin/ypmenu/Pagetemplate.html

### Bereich, in dem die Marker stehen ###
workOnSubpart = DOKUMENT

### Laden des Stylesheet, das verwendet wird ###
#page.stylesheet = fileadmin//styles.css # Noch nicht benötigt #

###################################################################
### Start des Menus
###################################################################
 
### CSS für das Menu ###
page.includeCSS {
        file1 = fileadmin/ypmenu/menu.css
}
 
page.includeLibs.ypMenu = fileadmin/ypmenu/ypmenu.php
 
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/ypmenu/res/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/ypmenu/res/jslib.js" language="JavaScript"></script>
 
page.10 < temp.ypMenu
page.80 < temp.user_menu

temp.ypMenu.special = directory
temp.ypMenu = HMENU
temp.ypMenu.special.value = 2 # ID der Rootpage
temp.entryLevel=1
temp.ypMenu {
	1 = GMENU
	1 {
		IProcFunc = user_menu->firstLevel
		expAll = 1
		wrap = |
		NO = 1
		NO {
			wrap = |<br />
			XY = 120, 23
			30 = IMAGE
			30.file = fileadmin/ypmenu/images/trans.png

			50 = TEXT
			50 {
				text.field = title
				fontSize = 12
				fontFile = fileadmin/ypmenu/fonts/verdanab.ttf
				fontColor = #000000
				offset = 5,17
				antiAlias=0
			}
			90 = BOX
			90 {
				dimensions = 0,22,120,2
				color=black
			}
			
		} 
		IFSUB < temp.ypMenu.1.NO
		IFSUB = 1
		RO < temp.ypMenu.1.NO
		RO = 1
		RO {

		}

		IFSUBRO < temp.ypMenu.1.NO
		IFSUBRO = 1
		IFSUBRO {

		}
	}    

	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

### Zuweisen des Menus auf den Marker ###MENU### ###
page.1.marks.MENU < temp.ypMenu
```

Wäre schon mal froh, wenn das funktionieren würde!!
Und bin um jeden Tipp froh!! Danke schon mal im Voraus!!

**Das eigentliche Ziel welches ich verfolge ist folgendes:**
Ich möchte/muss eine vertikale Layer_Navigation erstellen. Wobei es eigentlich 4 Menupunkte (welche "Bilder.jpg" sein sollten) auf der 1.Ebene (Hauptebene) und einige Unterseiten sind (2.Ebene)!
Das Layout der Seite ist eine zentrierte Tabelle!
(Änhlich wie mein Testlayout.... siehe Link oben!)
Die Unterseiten sollten per Layer nach rechts ausklappen, wenn man über Bild/Menupunkt fährt.
...wäre das mit diesem Menu überhaupt machbar??

Habe schon lange mit tmenu_Layer und gmenu_Layer gebastelt... klappte aber nicht so, wie ich es gerne hätte! Es presst mir das ganze Layout auf!  #paralyzed#
Und die Grafiken habe ich auch noch nicht als Menüpunkte einfügen können! -evtl. per CSS Grafiken drüber mappen???
Guckst Du hier: <http://62.2.203.237/html/beeler/dummy-4.0/index.php?id=32>
Eigentlich wären die Menupunkte direkt untereinander!! Und der Platz für den kommenden Flashheader wäre nur 280px hoch!! Align:top!?
Die Vorlage dazu: <http://62.2.203.237/html/beeler/dummy-4.0/index.php?id=33>
Kann sonst bei Bedarf auch diese Versuche, bzw. TS posten!?

Wäre um jede Hilfe froh...

### [#32](https://www.typo3.net/d/31085-ypmenu-vertikal/32) · El_Rolando · 2006-07-14

Die oben angegebenen Links sind nicht mehr gültig!!!

Habs mit einem CSS Menu gelöst!
Guckst Du hier:
<http://62.2.203.237/html/beeler/dummy-4.0/index.php?id=8>

### [#33](https://www.typo3.net/d/31085-ypmenu-vertikal/33) · fink-x · 2006-07-24

Hallo Forum,

also irgendwie raffe ich das nicht, wie man auf eine horizontale Navigation "richtig" umstellt. Kann das vielleicht nochmal einer erklären.

Kurz zu meinem Problem, ich habe alles richtig eingebunden und es läuft auch alles...Nur das die Layer immer an der gleichen linken Position auftauchen.

hier kurz ein Beispiel <http://wg.fink-x.com>

Vielleicht kann mir jemand erklären was ich beachten muss...welche einstellungen ich in der ypmenu.php machen muss und was ich vielleicht sonst noch beachten muss...wäre super wenn mir das einer erklären könnte...ich sitze jetzt nämlich schon die ganze nacht hier und komme nicht weiter.

Danke

### [#34](https://www.typo3.net/d/31085-ypmenu-vertikal/34) · cored · 2006-07-24

Auch ich würde mich auch über die Lösung dieses Problems freuen, da ich das selbe Problem habe.
Kann bitte jemand der eine funktionierende ypmenu.php für ein horizontales Menü hat diese Datei online stellen.
Ich habe schon zwei E-Mails an die Webmaster von meade.de (andreas tschirpke)und von steinhauer-gmbh.de gschrieben und bisher leider noch keine Antwort erhalten.
Mfg
Cored

### [#35](https://www.typo3.net/d/31085-ypmenu-vertikal/35) · woida · 2006-07-24

@cored und @fink-x:
Hier gehts um die vertikale Version. Ihr seid hier im falschen Thread.

### [#36](https://www.typo3.net/d/31085-ypmenu-vertikal/36) · axelnaumann · 2006-09-14

> **schani schrieb:**
>
> Ich habe mein TS nochmal ganz neu aufgebaut und das Menu wird auch im Ersten Level dargestellt. Die weiteren Level leider nicht.
> Ich bekomme den Java Fehler:
>
> ```javascript
> Fehler: obj has no properties
> Quelldatei: http://www.schani.com/fileadmin/ypmenu/res/ypSlideOutMenus.js
> Zeile: 115
> ```
>
> beim betätigen des Menüs.  #angry#

Hallo zusammen,
ich habe mich jetzt auch mal an das Script herangetraut und bekomme wie schon andere die Fehlermeldung  "obj has no properties".
Kann mir jemand mal schreiben, wie er das Problem gelöst hat bzw. wie ich es lösen kann.

Danke
Axel

### [#37](https://www.typo3.net/d/31085-ypmenu-vertikal/37) · onkelfusspilz · 2007-03-16

Hallo Axel,

diesen Fehler bekommst Du, wenn Du vergessen hast den Aufruf "user_menu->menuEnd" wie unter <http://www.typo3-tutorials.org/tutorials/typoscript/ypmenu-ypslideoutmenu-in-typo3.html> beschrieben einzubinden.

Grüße

Andreas

---

Quelle: „ypMenu vertikal“, typo3.net, https://www.typo3.net/d/31085-ypmenu-vertikal
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.