---
title: "ypMenu vertikal"
url: "https://www.typo3.net/d/25285-ypmenu-vertikal"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage","JavaScript & AJAX"]
created: "2005-05-29"
last_reply: "2005-05-30"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# ypMenu vertikal

TYPO3 › Menüs · 1 Antwort · gestartet 2005-05-29

## Eröffnungsbeitrag

**Strichmaennli** · 2005-05-29 · [Beitrag #1](https://www.typo3.net/d/25285-ypmenu-vertikal/1)

hallo leute

möchte ein Hauptmenü vertikal erstellen. Submenüs sollen nach rechts ausfahren:

html-code:

```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link typoe="text/css" rel="stylesheet" href="rpc.css" title="royalstyles" />

</style>
</head>

<body bgcolor="#51AB4B">
<!-- ###DOKUMENT### -->
<div id="p1"></div>
<div id="p2"></div>

<table width="800">
 <tr>
 <td width="70"></td>
 <td width="100"><img src="fileadmin/template/images/logo/royalflush2.jpg" alt="" /></td>
 <td width="20"></td>
 <td><img src="fileadmin/template/images/logo/royalpokerclub.jpg" width="583" height="39" alt="" /></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
</table>
<p></p>
<br />
<table width="800">
 <tr>
 <td width="30"></td>
 <td width="150">###KOPF_MENU###</td>
 <td width="30"></td>
 <td width="600">###CONTENT###</td>
 <td></td>
 </tr>
 <tr>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
 </tr>
</table>
<!-- ###DOKUMENT### --> 
</body>
</html>
```

Typo3-root-code:

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

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/template/rpc.css
page.bodyTag = <body bgcolor="#51AB4B">
page.10 = TEMPLATE
page.10{
     template = FILE
     template.file = fileadmin/template/root.html
     workOnSubpart = DOKUMENT
            marks.CONTENT = CONTENT 
            marks.CONTENT < styles.content.get 

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

sub-teamplte temp.ypMenu:

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

config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/template/menu/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/template/menu/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/template/menu/jslib.js" language="JavaScript"></script>

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 = 100,25
               30 = IMAGE
               30.file = fileadmin/template/menu/images/menu_bg2.gif
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/fonts/verdana.ttf
                    fontColor = #ffffff
                    offset = 10,20
                    niceText = 0
                    transparentBackground = 1

               }
               100 = || IMAGE
              100.file = fileadmin/template/menu/menu_space.gif
          }

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

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

          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
               backColor = #ff0000
               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
```

Doch es funktioniert nicht so wie ich es will. siehe <http://rpc.strichmaennli.ch>.

Hat jemand einen Tipp?

Gruss

## Antworten

### [#2](https://www.typo3.net/d/25285-ypmenu-vertikal/2) · Sutter · 2005-05-30

Hi, ich habe es zwar geschafft, ein ypMenu anzupassen, nur leider tauchen bei mir ernsthafte Probleme beim vertikalen
Ausfahren der 3.Ebene auf. Ich arbeite momentan noch an dem Problem, irgendwie wird sich das schon lösen lassen.

---

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