---
title: "www.meade.de"
url: "https://www.typo3.net/d/15065-wwwmeadede"
source: "typo3.net"
tags: ["Community","Eure Projekte","Diskussion"]
created: "2004-08-23"
last_reply: "2006-07-03"
replies: 180
solved: true
page: 1
pages: 2
lang: "de"
---

# www.meade.de (Seite 1 von 2)

Community › Eure Projekte · 180 Antworten · gelöst · gestartet 2004-08-23

## Frage

**Unbekannter Benutzer** · 2004-08-23 · [Beitrag #1](https://www.typo3.net/d/15065-wwwmeadede/1)

eben entdeckt:

<http://www.meade.de/>

anscheinend auch mit T3 gemacht und ein wirklich geiles Navigationsmenü :)

## Beste Antwort

**clicks** · 2004-09-24 · [Beitrag #16](https://www.typo3.net/d/15065-wwwmeadede/16)

Hallo,

vielen Dank für euer Lob und eure Geduld. Ich musste mir ersteinmal 2 Wochen Urlaub gönnen :).

Zur Händlersuche: Ja die Sache läuft über Längen- und Breitengrade. Eine entsprechende Extension werde ich bei Gelegenheit auch fertigstellen. Momentan ist die Ext noch zu "spezifisch". Falls es wichtig ist -> PN.

So habe den Code für das Menu mal etwas überarbeitet. Das ganz funtkioniert nach folgendem Prinzip:
Das Menu ist ein normales HMENU mit einem GMENU und mehreren TMENUs. Diese schicken über die [IProcFunc](https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Hmenu/Tmenu/Index.html)Function ihre Information an ein eigenes PHP Skript, welches die Informationen umwandelt und den nötigen JS Code erzeugt. Die Tiefe ist dabei beliebig erweiterbar.

// Achtung!
Das gesamte Skript ist genau an die Bedürfnisse der Meade Seite angepasst und nicht sehr flexibel. Es klappt momentan also "nur" mit einem horizontalen GMENU und mehreren TMENUs. Das soll sich zwar noch ändern, aber im aktuellen Stadium wird es wahrscheinlich nicht klappen (untested). Für Verbesserungsvorschläge bin ich immer offen ;)

Zuerst zum TS:

```typoscript
# include ypMenu script
page.includeLibs.ypMenu = fileadmin/.../ypMenu.php

...

lib.mainMenu >
lib.mainMenu = HMENU
lib.mainMenu.1 = GMENU
lib.mainMenu.1 {
  IProcFunc = user_menu->firstLevel
  expAll = 1
  wrap = |  

IFSUB = 1
IFSUB {
  wrap = |

   XY = [50.w]+20, 25
   backColor = #cccccc

   50 = TEXT
   50 {
    text.field = title
    fontSize = 12
    fontFile = fileadmin/xyz.ttf
    fontColor = #222222
    offset = 10,17
    niceText = 1

   }

   100 = || IMAGE
   100.file = fileadmin/spacer.gif
}

NO {
  wrap = |

   XY = [50.w]+20, 25
   backColor = #cccccc

   50 = TEXT
   50 {
    text.field = title
    fontSize = 12
    fontFile = xyz.ttf
    fontColor = #222222
    offset = 10,17
    niceText = 1

   }

   100 = || IMAGE
   100.file = fileadmin/spacer.gif
}

RO < lib.mainMenu.1.NO
RO = 1
RO  {
   backColor = #ffca51
}

IFSUBRO < lib.mainMenu.1.NO
IFSUBRO = 1
IFSUBRO  {
   backColor = #ffca51
  }
}


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

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

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

...

# append Menu JS to page
page.11 = USER
page.11.userFunc = user_menu->menuEnd
```

Dann wird das ganze durch die ypMenu Datei gejagt:

```php
<?php
/***************************************************************
*  Copyright notice
*  
*  (c) 2003 Andreas Tschirpke (tschirpke@at-mediendesign.de)
*  All rights reserved
*
*  This script is part of the Typo3 project. The Typo3 project is 
*  free software; you can redistribute it and/or modify
*  it under the terms of the GNU General Public License as published by
*  the Free Software Foundation; either version 2 of the License, or
*  (at your option) any later version.
* 
*  The GNU General Public License can be found at
*  http://www.gnu.org/copyleft/gpl.html.
* 
*  This script is distributed in the hope that it will be useful,
*  but WITHOUT ANY WARRANTY; without even the implied warranty of
*  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*  GNU General Public License for more details.
*
*  This copyright notice MUST APPEAR in all copies of the script!
***************************************************************/
/** 
 * User class to build Javascript Menu (www.meade.de)
 *
 * @author	Andreas Tschirpke <tschirpke@at-mediendesign.de>
 */
 
class user_menu {
	var $offsetY = 70; // inital offset values for the first level elements
	var $offsetX = 65;
	var $sublevelWidth = 140; // width and height values for sublevel items 
	var $sublevelHeight = 26;
	
	var $padding = 5;
	var $fontSize = 11;
	var $breakpoint = 14; // recalculate width of text after x characters
	var $secPadding = 16;
	
	var $fontFile = 'fileadmin/../verdana.ttf'; // font file needed to calculate linebreaks
	var $transBg = 'fileadmin/../menu_bg.png'; // transparent PNG file - needed to fix a transparency bug in Mac IE 5
		
	/**
	 *	Dummy function to pass values to buildIndex
	 *
	 *  @param	array	Menu array including all needed menu items (created by TMENU)
	 *	@param	array	Configuration array
	 *	@return	array	returns modified $I array
	 *	@access	private
	 */
    function firstLevel($I,$conf) {
        return $this->buildIndex($I, $conf, 1);
    }
	/**
	 *	Dummy function to pass values to buildIndex
	 *
	 *  @param	array	Menu array including all needed menu items (created by TMENU)
	 *	@param	array	Configuration array
	 *	@return	array	returns modified $I array
	 *	@access	private
	 */
	function secondLevel($I,$conf) {
		return $this->buildIndex($I, $conf, 2);
	}
	/**
	 *	Dummy function to pass values to buildIndex
	 *
	 *  @param	array	Menu array including all needed menu items (created by TMENU)
	 *	@param	array	Configuration array
	 *	@return	array	returns modified $I array
	 *	@access	private
	 */
	function thirdLevel($I,$conf) {
        return $this->buildIndex($I, $conf, 3);
    } 
	/**
	 *	Dummy function to pass values to buildIndex
	 *
	 *  @param	array	Menu array including all needed menu items (created by TMENU)
	 *	@param	array	Configuration array
	 *	@return	array	returns modified $I array
	 *	@access	private
	 */
	function fourthLevel($I, $conf) {
	        return $this->buildIndex($I, $conf, 4);
    } 

		
	/**
	 * Returns true if there is a submenu with items for the page id, $uid
	 * Used by the item states "IFSUB" and "ACTIFSUB" to check if there is a submenu
	 *
	 * @param	integer		Page uid for which to search for a submenu
	 * @return	boolean		Returns true if there was a submenu with items found
	 * @access private
	 */
		// copy from tslib_menu	
	function isSubMenu($uid)	{
			// Looking for a mount-pid for this UID since if that exists we should look for a subpages THERE and not in the input $uid;
		$mount_info = $GLOBALS['TSFE']->sys_page->getMountPointInfo($uid);
		if (is_array($mount_info))	{
			$uid = $mount_info['mount_pid'];
		}

		$recs = $GLOBALS['TSFE']->sys_page->getMenu($uid,'uid,pid,doktype,mount_pid,mount_pid_ol');
		foreach($recs as $theRec)	{
			if (!t3lib_div::inList('5,6',$theRec['doktype']) && !$theRec['nav_hide'])	{	// If a menu item seems to be another type than 'Not in menu', then return true (there were items!)
				return TRUE;
			}
		}
	}

	/**
	 * Breaks textarea text into lines of specified width in order to feed Gifbuilder (see function makeTextImage)
	 *
	 * @param    string        $text: input text 
	 * @param    integer        $size: specified font size
	 * @param    string        $font: absolute path to specified font file
	 * @param    integer        $width: specified width of the image box
	 * @return    array        array of lines of text
	 */
	 	// copy from sr_sendcard 
		// thanks and credits go to Peter Bowyer <peter@sendcard.org>
	function text_to_lines($text, $size, $font, $width) {
		$words = t3lib_div::trimExplode(' ', str_replace("
", ' <br> ', str_replace("

", ' <br> ', str_replace("|", ' <br> ', $text))), 0);

		$p = 0;
		$lines = array();
		$lines[0] = '';

		for($i = 0; $i < count($words); $i++) {
			($lines[$p] ) ? $test = $lines[$p].' '.$words[$i] : $test = $words[$i];

			$bbox = imagettfbbox($size, 0, $font, $test);

			if ($words[$i] == '<br>') {
				$p++;
				$lines[$p] = '';
			} elseif (($bbox[4] - $bbox[6]) > $width ) {
				$p++;
				$lines[$p] = $words[$i];
			} else {
				$lines[$p] = $test;
			}
		}
		return count($lines);
	}

	/**
	 * Collects all needed information (width, height, x, y, level etc.) and structural information for the ypMenu.
	 * Information are stored in $GLOBALS['TSFE']->applicationData['ypMenus']
	 *
	 * @param    array        $I: Array created by TMENU including all menu elements for the current level 
	 * @param    integer      $conf: Configuration array
	 * @param    integer      $level: hierarchical depth
	 * @return   array        $I: modified $I array
	 */	
	function buildIndex($I, $conf, $level) {
			// fix IE 5.0 on windows
		$clientAdjust = 0;
		$clientinfo = t3lib_div::clientInfo();
		if($clientinfo['SYSTEM'] == 'win' AND $clientinfo['BROWSER'] == 'msie' AND $clientinfo['VERSION'] < 5.5) {
			$clientAdjust = 2;
		}
		
			
		switch($level) {
		case "1":
				// only wrap in ypSlide Action if submenu is present
			if($this->isSubMenu($I['uid'])) {
					// JS actions
				$onmouseover = "ypSlideOutMenu.showMenu('menu" .$I['uid']. "'); over('" .$I['theName']. "');";
				$onmouseout = "ypSlideOutMenu.hideMenu('menu" .$I['uid']. "');";// out('" .$I['theName']. "');";
				
					// collect data for correct positions
				$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'] = $this->offsetY;
				$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['left'] = $GLOBALS['TSFE']->applicationData['ypTemp']['x'] + $this->offsetX;			
				
					// build ypMenu JS
				$GLOBALS['TSFE']->applicationData['ypTemp']['js'] .= "
menu". $I['uid'] .".onactivate = new Function("document.images['" .$I['theName']. "'].src = " .$I['theName']. "_h.src");
menu". $I['uid'] .".ondeactivate = new Function("document.images['" .$I['theName']. "'].src = " .$I['theName']. "_n.src");

";
			} else { // no ypMenu needed
				$onmouseover = "over('" .$I['theName']. "');";
				$onmouseout = "out('" .$I['theName']. "'); ";
			}
				// move right
			$GLOBALS['TSFE']->applicationData['ypTemp']['x'] += $I['val']['output_w'];
			
			$I['parts']['ATag_begin'] = '<a href="' .$I['linkHREF']['HREF']. '" onfocus="' . $I['linkHREF']['onFocus']. '" onmouseover="'. $onmouseover .'" onmouseout="'. $onmouseout .'" id="act'. $I['uid'] .'">'; 
			$I['parts']['ATag_end'] = '</a>'; 
		break;
		default: // every other level (TMENU)
			$title = $I['title'];
			
				// count lines if more than $this->breakpoint chars
			if(strlen($title) > $this->breakpoint) {
				$lines = $this->text_to_lines($I['title'], t3lib_div::freetypeDpiComp($this->fontSize), $this->fontFile, ($this->sublevelWidth - 2*$this->padding));
			} else {
				$lines = 1;
			}
				
				// if another submenu is present wrap link with JS actions an collect data
			if($this->isSubMenu($I['uid'])) {
				$href = $I['linkHREF']['HREF'];
				$onmouseover = "ypSlideOutMenu.showMenu('menu" .$I['uid']. "');";
				$onmouseout = "ypSlideOutMenu.hideMenu('menu" .$I['uid']. "');";
				$link = sprintf('<a href="%s" onmouseover="%s" onmouseout="%s" class="submenu">%s</a>',$href, $onmouseover, $onmouseout, $title);
				
				$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['level'] = $level;
				$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['uid'] = $I['uid'];
				$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'] = 'right';
				$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['top'] = intval($GLOBALS['TSFE']->applicationData['ypMenus'][$I['pid']]['top']) + (($I['key']) * $this->sublevelHeight);
				$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['left'] = intval($GLOBALS['TSFE']->applicationData['ypMenus'][$I['pid']]['left']) + intval($GLOBALS['TSFE']->applicationData['ypMenus'][$I['pid']]['width']);	
				$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['parentId'] = $I['pid'];		

			} else { // nothing to be done here :)
				$link = $I['parts']['ATag_begin']. $title .$I['parts']['ATag_end']; 
			}

				// move down
			if($I['key'] == 0) {
				$GLOBALS['TSFE']->applicationData['ypTemp'][$I['pid']]['y'] = intval($GLOBALS['TSFE']->applicationData['ypMenus'][$I['pid']]['top']);
			} else {
				$GLOBALS['TSFE']->applicationData['ypTemp'][$I['pid']]['y'] += $this->sublevelHeight + ($this->secPadding * ($lines-1)) + $clientAdjust;
			}

			
			$GLOBALS['TSFE']->applicationData['ypMenus'][$I['pid']]['items'][$I['uid']]['link'] = $link;
			$GLOBALS['TSFE']->applicationData['ypMenus'][$I['pid']]['items'][$I['uid']]['height'] = $this->sublevelHeight + ($this->secPadding * ($lines-1));
			$GLOBALS['TSFE']->applicationData['ypMenus'][$I['pid']]['items'][$I['uid']]['top'] = $GLOBALS['TSFE']->applicationData['ypTemp'][$I['pid']]['y'] - ($this->secPadding * ($lines-1));
			
			// save link in output array
		$I['parts']['ATag_begin'] = '
<a href="' .$I['linkHREF']['HREF']. '" 
	onfocus="' . $I['linkHREF']['onFocus']. '" 
	onMouseOver="ypSlideOutMenu.showMenu('menu'.$I['uid'].'');" 
	onMouseOut="ypSlideOutMenu.hideMenu('menu'.$I['uid'].'');" 
id="level1id'.$I['uid'].'">';
		//$GLOBALS['TSFE']->applicationData['ypMenu'][$level][$I['pid']]['parts']['items'][] = implode('', $I['parts']);
		$I['parts'] = array();
		break;
		}
	
		return $I;
	}

	/**
	 * Builds all HTML/JS Code to initialize all ypMenu layers. Must be writen at the end of the document
	 *
	 * @return   string        html/js code 
	 */		
	function menuEnd() {
			// all relevant data stored in applicationData['ypMenus'];		
		if(is_array($GLOBALS["TSFE"]->applicationData['ypMenus'])) {
				// fix differnet browser bugs to get a transparency effect
			$clientinfo = t3lib_div::clientInfo();
			$pngimg = false;
			$pngbg = false;
			$filter = false;
			$appendix = '';
			$bg = false;
				// 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:.8; filter:alpha(opacity=80); 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';
			}
				
				// loop through all collected data (buildIndex) and render js
			foreach($GLOBALS["TSFE"]->applicationData['ypMenus'] as $menu) {
				$uid = $menu['uid'];
				$level = $menu['level'];
				$dir = $menu['dir'];
				$parentId = ($menu['parentId']) ? '"menu'.$menu['parentId'].'"' : 'null';
				$x = $menu['left'];
				$y = ($menu['parentId']) ? $GLOBALS['TSFE']->applicationData['ypMenus'][$menu['parentId']]['items'][$uid]['top'] : $this->offsetY;
				$width = $menu['width'];

				$items = '';
				$wholeHeight = 0;
				if(is_array($menu['items'])) {
					$itemcount = count($menu['items']);
					foreach($menu['items'] as $item) {
						$items .= '<li>'. $item['link'] ."</li>
";
						$wholeHeight = $wholeHeight + $item['height'];
					}
				}

				if($clientinfo['SYSTEM'] == 'win' AND $clientinfo['BROWSER'] == 'msie' AND $clientinfo['VERSION'] < 5.5) {
					$wholeHeight = $wholeHeight + 2 * $itemcount;
				}

				$height = ($menu['height']) * count($menu['items']);
				$output[] = sprintf('<div id="menu%dContainer" class="mmContainer"><div id="menu%dContent" class="mmContent%s" %s>', $uid, $uid, $appendix, $style); // L%d / $level
				$output[] = sprintf('<ul class="mmLevel%d">%s</ul>', $level, $items);
				
					// trick Mac IE to display our transparent PNG
				if($pngimg) {
					$output[] = '<img src="' . $this->transBg .'" width="'. $width .'" height="'. $wholeHeight .'" class="menuBackground">';
				}
				
				$output[] = '</div></div>';
				
				$menus[] = sprintf('menu%d = new ypSlideOutMenu("menu%d", "%s", %d, %d, %d, %d, %s)', $uid, $uid, $dir, $x, $y, $width, $wholeHeight, $parentId);
			}
		}
	
		if(is_array($output) && is_array($menus)) {
			$output = implode("
", $output);
d			$output .= "
<script type="text/javascript">
"
. implode("
", $menus) ."

ypSlideOutMenu.writeCSS();

". $GLOBALS['TSFE']->applicationData['ypTemp']['js'] ."
</script>
"; 
			return $output;
		}
    }
}
?>
```

So, dazu kommen natürlich noch die benötigten Javascript Dateien von [youngpup.net](http://youngpup.net/2001/ypslideoutmenus) und CSS Formatierungen. Das kann ich jetzt hier leider nicht alles wiedergeben, kann man sich jedoch zusammensuchen :)

Falls Fragen sind wagt es ja nicht mir eine PN zu schreiben ;)

## Antworten (#2 bis #102)

### [#2](https://www.typo3.net/d/15065-wwwmeadede/2) · Therealherby · 2004-08-23

Hallo,

ich komm nicht mehr raus aus der begeisterung fuer das menue!!! genau SOWAS versuche ich gerade umzusetzen.... kann mir jemand helfen?  :p

Aber da sieht man zu was Typo alles faehig ist, auch der rest passt 100%ig *staun*

Bye und Gruss
Herby

### [#3](https://www.typo3.net/d/15065-wwwmeadede/3) · Unbekannter Benutzer · 2004-08-23

guckst du hier: <http://youngpup.net/2001/ypslideoutmenus> ;)

EDIT: und hier auch: <http://www.meade.de/fileadmin/meade2/template/js/ypSlideOutMenus.js>

### [#4](https://www.typo3.net/d/15065-wwwmeadede/4) · jenses · 2004-08-23

Hallo !

Schaut euch mal die  meade-site mit Opera an,
und zwar mit der Einstellung "als Opera ausgeben".

Da ist dann leider nix mehr mit Navigation.

jenses

### [#5](https://www.typo3.net/d/15065-wwwmeadede/5) · clicks · 2004-08-24

Meade? Kenn ich doch.
Ach ja, die hab ich gemacht... :)

Danke erstmal für das Lob. Den Bug im Opera knipsen wir auch noch aus.

Es stimmt, das Menu basiert JavaScript seitig aus den ypSlideOut Menu. Um das Menu zu generieren habe ich eine Klasse in PHP erstellt, die alle nötigen Daten sammelt und anschließend die nötigen JS Angaben speichert.

Da ich grade so nett angerufen wurde und sowieso vorhatte, die Sachen zu veröffentlichen, werde ich den nächsten Tagen mal den Code dazu posten. (Muss es vorher nur noch hübsch machen :))

### [#6](https://www.typo3.net/d/15065-wwwmeadede/6) · Stani · 2004-08-26

... wie hast du / ihr das realisiert ... gibt es da eine EXt.

Gruss
daniel

### [#7](https://www.typo3.net/d/15065-wwwmeadede/7) · Moellers · 2004-08-26

"clicks" hatte doch geschrieben, daß er den Code veröffentlichen will nachdem er ihn "hübsch" gemacht hat :-)

Gruss
Andreas

### [#8](https://www.typo3.net/d/15065-wwwmeadede/8) · Stani · 2004-08-27

ja, das habe ich auchgelesen ... ich bin aber an der Händlersuche interssiert, wenn man sich meinen titel durchliest ... *g* ... und in dem zusammenhang nicht am code, sondern an einem JA oder NEIN interssiert ...

Gruss
Daniel

### [#9](https://www.typo3.net/d/15065-wwwmeadede/9) · Moellers · 2004-08-27

@Stani
Erwischt. Hab´ Deinen "Titel" wirklich übersehen.
Schau Dir mal "t3consultancies" (www.typo3.org - Extensions) an. Vielleicht hilft Dir die ja schon weiter

Gerade die Umkreissuche würde mich auch interessieren. Wie habt Ihr das gemacht? Geht Ihr mit Längen-/Breitengraden an die Sache ran oder ist es eher ein PLZ Suche?

Gruss
Andreas

### [#10](https://www.typo3.net/d/15065-wwwmeadede/10) · Stani · 2004-08-30

ist doch nicht schlimm ... *g*

danke für den tipp ... werd mal schaun, wenn ich wieder zu haus bin ... also für mich wäre das mit plz oder regionen sinnvoll ... mit breitengraden ... hmmm, sind das nicht zu viel daten

gruss
daniel

### [#11](https://www.typo3.net/d/15065-wwwmeadede/11) · Dreadhead · 2004-09-02

@clicks,

könntest mir einfach mal den code schicken???
wegen mir muss er auch nicht sonderlich hübsch sein, bin aber daran sehr interessiert,...

greetz
Dreadhead

### [#12](https://www.typo3.net/d/15065-wwwmeadede/12) · Frescha · 2004-09-02

das menü sieht richtig klasse aus. ich bin mal gespannt wie der code dazu aussieht

### [#13](https://www.typo3.net/d/15065-wwwmeadede/13) · sangria · 2004-09-03

@ clicks

wenn ich das im typo 3 in ein menue mit drei ebenen einbauen möchte.... wie muß ich das machen? der opera-bug juckt mich eigentlich nicht, da ich das ganze eh in einem nt-käfig rennen lasse... ;o)

wäre echt dankbar für deine hilfe....

winke

sangria

### [#14](https://www.typo3.net/d/15065-wwwmeadede/14) · Therealherby · 2004-09-07

Hallo,

das finde ich ja klasse dass du den zum reinschnuppern geben moechtest  :D  Ist er denn schon huebsch genug :-) Bin schon tierisch gespannt drauf und kanns kaum noch erwarten :-)

Bye und gruss
Herby

### [#15](https://www.typo3.net/d/15065-wwwmeadede/15) · redseasix · 2004-09-07

Ich hätte auch interesse an dem Quellcoode.

Bin mal sehr gespannt darauf. Bin noch Anfänger in Typo 3 und habe bis ....  gestern nur in HTML zu Fuß programmiert.

Gruß

redseasix

### [#16](https://www.typo3.net/d/15065-wwwmeadede/16) · clicks · 2004-09-24 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

### [#17](https://www.typo3.net/d/15065-wwwmeadede/17) · jenses · 2004-09-27

```plaintext
Fatal error: Call to undefined function: getmountpointinfo() in F:apachehtdocsquickstartfileadminMEADE-MenueypMenu.php on line 101
```

Und nun ??

jenses

### [#18](https://www.typo3.net/d/15065-wwwmeadede/18) · Frescha · 2004-09-27

ich bekomme ganz andere fehler. unteranderem diesen hier *Warning: Could not find/open font in /var/www/tabularasa/fileadmin/template/men/ypMenu.php on line 135* aber den kann man sicherlich mehr oder wenige leicht beheben.

mich würde mal interessieren wie man das menü hinbekommt ohne fehler zu erzeugen.

### [#20](https://www.typo3.net/d/15065-wwwmeadede/20) · clicks · 2004-09-27

Wie gesagt, Beta Software :)

@jenses
Das ist eine Typo3 eigene Funktion die im syspage Modul liegt. Bei mir läuft es ab Version 3.6. Auf 3.5 habe ich es nicht getestet. Welche Version hast du?

@frescha
Da ist wahrscheinlich der Pfad zu deiner Schrift nicht korrekt bzw. die Rechte nicht richtig gesetzt.

### [#21](https://www.typo3.net/d/15065-wwwmeadede/21) · jenses · 2004-09-27

Hallo clicks !

Vielen Dank für deine schnelle Antwort !
Ich habe lokal auf dem Testserver 3.6.0RC1 zu laufen unter WinXP.

Vielleicht liegt der Fehler auch daran, daß ich aus deinem Code nicht ganz schlau werde.
Ich werde mal erklären, wie ich vorgegangen bin.

1. eine ganz simple HTML-Vorlage :

```html
<html>
<head>
<title></title>
</head>
<body> 
<!-- ###DOKUMENT### begin --> 
###KOPFZEILE###
<br>
###MENU_MAIN###
<br>
###INHALT###
<!-- ###DOKUMENT### end -->
</body>
</html>
```

2. php-datei erstellt, es gab eine Fehlermeldung,
angemeckert wurde wurde in der dritten Zeile
des Code-Ausschnittes das "d" am Anfang :

```php
      if(is_array($output) && is_array($menus)) { 
         $output = implode("
", $output); 
d         $output .= " 
<script type="text/javascript">
" 
. implode("
", $menus) ." 

ypSlideOutMenu.writeCSS(); 

". $GLOBALS['TSFE']->applicationData['ypTemp']['js'] ." 
</script> 
"; 
         return $output; 
      } 
    } 
} 
?>
```

Also habe ich das "d" entfernt. FALSCH ???

3. Template Setup erstellt
Mit deinem "lib.mainMenu" konnte ich nicht so richtig was anfangen,
habe es durch "marks.MENU_MAIN" ersetzt.
(MENU_MAIN ist Platzhalter in der HTML-Vorlage) --> FALSCH ???

```typoscript
seite = PAGE 
seite.typeNum = 0 
seite.stylesheet = fileadmin/MEADE-Menue/style.css 
# Benoetigte Libaries einfuegen 
seite.includeLibs.ypMenu = fileadmin/MEADE-Menue/ypMenu.php 

seite.headerData.10 = TEXT 
seite.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>

seite.10 = TEMPLATE 
seite.10 { 
            template = FILE 
            template.file = fileadmin/MEADE-Menue/template.html 
            workOnSubpart = DOKUMENT 
            marks.INHALT =  CONTENT 
            marks.INHALT < styles.content.get 


 

marks.MENU_MAIN > 
marks.MENU_MAIN = HMENU 
marks.MENU_MAIN.1 = GMENU 
marks.MENU_MAIN.1 { 
#  IProcFunc = user_menu->firstLevel 
  expAll = 1 
  wrap = |  

IFSUB = 1 
IFSUB { 
  wrap = | 

   XY = [50.w]+20, 25 
   backColor = #cccccc 

   50 = TEXT 
   50 { 
    text.field = title 
    fontSize = 12 
    fontFile = fileadmin/fonts/verdana.ttf 
    fontColor = #222222 
    offset = 10,17 
    niceText = 1 

   } 

   100 = || IMAGE 
   100.file = fileadmin/MEADE-Menue/spacer.gif 
} 

NO { 
  wrap = | 

   XY = [50.w]+20, 25 
   backColor = #cccccc 

   50 = TEXT 
   50 { 
    text.field = title 
    fontSize = 12 
    fontFile = fileadmin/fonts/verdana.ttf 
    fontColor = #222222 
    offset = 10,17 
    niceText = 1 

   } 

   100 = || IMAGE 
   100.file = fileadmin/MEADE-Menue/spacer.gif 
} 

RO < marks.MENU_MAIN.1.NO 
RO = 1 
RO  { 
   backColor = #ffca51 
} 

IFSUBRO < marks.MENU_MAIN.1.NO 
IFSUBRO = 1 
IFSUBRO  { 
   backColor = #ffca51 
  } 
} 


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

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

marks.MENU_MAIN.4 = TMENU 
marks.MENU_MAIN.4 { 
IProcFunc = user_menu->fourthLevel 
expAll = 1 
NO.linkWrap = <li>|</li> 
}
}
# append Menu JS to page 
seite.11 = USER 
seite.11.userFunc = user_menu->menuEnd
```

4. Dann ins Frontend gewechselt, die Maschine rattert los,
es öffnen und schließen sich DOS-Boxen (Gifbuilder in Aktion ?)
und es kommt besagte Fehlermeldung

> Fatal error: Call to undefined function: getmountpointinfo() in F:apachehtdocsquickstartfileadminMEADE-MenueypMenu.php on line 101

Wo liegt das syspage Modul ??

Vielen Dank im Voraus für deine Mühen !

jenses

### [#22](https://www.typo3.net/d/15065-wwwmeadede/22) · clicks · 2004-09-27

WindowsXP? Hab ich nie getestet, es lief immer auf einer Linux Box.

1. Kann man so machen - ich selbst nutze seit der Templavoilá Extension nur noch diese.

2. Das mit dem entfernen des d ist schon korrekt, das gehört da nicht hin.

3. Sollte auch richtig sein.
Warum hast du die erste IProcFunc auskommentiert?

4. Es öffnen und schliessen sich DOS Boxen? Witzig! Kann ich nicht nachvollziehen, da ich es halt unter Linux einsetze.

Habe grade mal nachgeschaut, in der V3.5 gab es die Funktion getMountPointInfo() noch nicht. In der final 3.6 ist es aber enthalten - wie es sich mit den Release Candidates verhält, kann ich dir nicht sagen. Du solltest aber in jedem Fall updaten.
Die Funktion ist in der Datei class.t3lib_page.php enthalten.

### [#23](https://www.typo3.net/d/15065-wwwmeadede/23) · jenses · 2004-09-28

Hallo clicks !

Es war die fehlende  Funktion getMountPointInfo() in 3.6.0 RC1.
Habe mir die 3.6.2 installiert und jetzt funzt es.

Viele Dank für den Tip !
jenses

### [#24](https://www.typo3.net/d/15065-wwwmeadede/24) · jenses · 2004-09-28

@ alle

wenn man in der ypMenu.php in Zeile 174

```php
$onmouseout = "ypSlideOutMenu.hideMenu('menu" .$I['uid']. "');";// out('" .$I['theName']. "');";
```

gegen

```php
$onmouseout = "ypSlideOutMenu.hideMenu('menu" .$I['uid']. "');  out('" .$I['theName']. "');";
```

austauscht, funktionieren auch die IFSUB-Zustände vernünftig.

jenses

### [#25](https://www.typo3.net/d/15065-wwwmeadede/25) · abteilung · 2004-10-27

Mir gefällt die SlideOut-Lösung total gut. Ich würde sie gerne in einem zentrierten Layout verwenden, habe also links einen variablen Abstand bis zum Menü.

Ich bin nicht ganz durchgestiegen, wie ich dem Skript den Bezug zu meinem "beweglichen Nullpunkt" geben könnte.

Hat irgendjemand einen Plan, wie ich das tun könnte?

Herzlichen Dank schon!

### [#26](https://www.typo3.net/d/15065-wwwmeadede/26) · jenses · 2004-10-28

Du mußt das ypSlideOutMenusC.js ( C = centered ) ins Script einbinden,
dann wohl noch ein bißchen anpassen.
Wenn du es fertig hast, bitte hier posten.  ;)

viele Grüße
jenses

### [#27](https://www.typo3.net/d/15065-wwwmeadede/27) · abteilung · 2004-10-28

Okay, dann wollen wir mal. Ich habe das Layout mit einer Tabelle aufgebaut, die mittels CSS im Fenster eingemittet wird. Ich benutze den Autoparser, um die TD's und DIV's in Subparts zu verwandeln.

Das Problem, dass das Menü nicht auf meine eingemittete Tabelle ausgerichtet wurde, war, dass die mittels PHP erzeugten DIVs vom Menü nicht in den richtigen Container zu liegen kamen und deshalb die linke obere Fenster-Ecke als Bezugspunkt hatten.

Hier mal ein Schnippel meines HTML-Templates:

```html
<table id="lay_main" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td id="lay_links"><img src="media/clear.gif" width="20"></td>
		<td id="lay_mitte">
			<div id="menu1_container">Hier wird das Menu eingefuegt</div>
         ###menuskript###
		</td>
		<td id="lay_rechts"><img src="media/clear.gif" width="20"></td>
	</tr>
</table>
```

Der Marker ###menuskript### ist es nun, wo mein Skript hinkommen soll. Mit folgenden Zeilen im Setup passiert genau das:

```typoscript
  # append Menu JS to page
  temp.user_menu_inside = USER
  temp.user_menu_inside.userFunc = user_menu->menuEnd
```

und folglich:

```typoscript
#das Menüskript einbinden:
  marks.menuskript < temp.user_menu_inside
```

Das funktioniert so mit den "normalen" Skripten, also nicht jenem für eingemittete Menüs.

Ich hoffe, dass ich helfen konnte. Ist vielleicht etwas "freestyle", aber es funktioniert!

So bald ich den ersten Entwurf der Seite auf meinen Server hochgeladen habe, poste ich gerne den Link.

Liebergruss Pascal

### [#28](https://www.typo3.net/d/15065-wwwmeadede/28) · rouven · 2004-11-23

Ich bekomme leider immernoch die Font Fehlermeldung, obwohl der font erreichbar ist.

Folgendes steht im apache error-log:

(32)Broken pipe: client stopped connection before rwrite completed

Irgendjemand eine Idee?

### [#29](https://www.typo3.net/d/15065-wwwmeadede/29) · Liberation · 2004-11-29

Habe alles so eingebunden wie es soll.
bekomme diese felhermeldung:

Fatal error: Call to undefined function: imagegif() in C:apachehtdocs	3libclass.t3lib_stdgraphic.php on line 2594

woran kann das liegen?

Gruß

### [#30](https://www.typo3.net/d/15065-wwwmeadede/30) · Unbekannter Benutzer · 2004-11-29

@Liberation: Das bedeutet, dass du eine PHP-Version benutzt, bei der in der GD-Bibliothek die GIF-Funktionalität aus lizenzrechtlichen Gründen deaktiviert wurde.

Einfach auf die neueste PHP-Version aktualsisieren, dann sollte es klappen. Oder eben anstatt imagegif() die Funktionen imagejpeg() oder imagepng() nutzen.

### [#31](https://www.typo3.net/d/15065-wwwmeadede/31) · Liberation · 2004-11-29

Habe das Menu in der Seite drin:)

Allerdings muss das Menu in deiner Tabelle eingemittelt sein.

Wie bekomme ich das hin?

Mit der Anleitung oben bin ich nicht ganz klar gekommen.

<td id="lay_mitte">   welche css Eigenschaft hast du hier für verwendet?

### [#32](https://www.typo3.net/d/15065-wwwmeadede/32) · Liberation · 2004-11-30

Hallo, ich bins noch mal.

Was muss ich am code rausnehmen wenn ich das oberste level mit manuell angefertigten Bilden machen will?

hat sich erledigt. habe alles mit typoskript zusammengebaut was ich an bildern brauchte:)

### [#33](https://www.typo3.net/d/15065-wwwmeadede/33) · F.​Eppmann · 2004-12-11

Also das Menü gefällt mir wirklich sehr gut und ich würde es auch gerne verwenden.

Allerdings kriege ich es nicht so wirklich hin, dass es funktioniert.
Könnte mir vielleicht jemand alle Dateien und das TypoScript zur Verfügung stellen, sodass ich mal was funtionierendes habe und das anpassen kann?

Wäre wirklich sehr sehr nett.

MfG
Felix

### [#34](https://www.typo3.net/d/15065-wwwmeadede/34) · Wu-mc · 2004-12-12

Ich will mich auch demnächst an das menü machen. Wie schwierig ist es den code so umzuschreiben das man es für ein Menü links nehmen kann das nach rechts aufgeht? Eigent sich der Code dafür überhaupt?

### [#35](https://www.typo3.net/d/15065-wwwmeadede/35) · CrocodileR · 2004-12-14

Hallo Niko,

guckst du hier: [/d/17824-menue-ueber-mehrere-ebenen-mit-tmenu-layers](https://www.typo3.net/d/17824-menue-ueber-mehrere-ebenen-mit-tmenu-layers), vielleicht hilft dir das weiter!

Viele Grüße,

CrocodileR

### [#36](https://www.typo3.net/d/15065-wwwmeadede/36) · T.​uX · 2004-12-15

ok...
ich hab noch probleme mit den RO Font Colors.. beim Mouseover verschwinden die fonts in level 1

desweiteren gibts probs mit der dritten ebene schaut mal <http://jsmenu.kj187.de>

Idee ?
Hab alles gemacht wie es hier stand *hoffe ich zumindest g*

### [#37](https://www.typo3.net/d/15065-wwwmeadede/37) · JayR · 2004-12-17

Hallo,

erstmal vielen Dank für die Beschreibungen des Menüs!!!

Ich bin dem Beispiel mit den Markern gefolgt, und das Menü wird auch dargestellt. Allerdings ist schon das erste Submenü nach rechts unten verschoben, und das MouesOver ist völlig verspult.

Gibt es da irgendwelche kniffe die hier noch nicht beschrieben wurden???

Mir ist aufgefallen, dass häufig auf die Datei jslib.js verwiesen wird, die angeblich bei youngpup.net heruntergeladen werden kann!? Die Datei gibt es dort aber nicht!!!

Ich hab dann die aktuelle Version von jslib.mozdev.org runtergeladen. Ist das der Fehler?

Viele Grüße
Jan

### [#38](https://www.typo3.net/d/15065-wwwmeadede/38) · F.​Eppmann · 2004-12-17

@JayR:

guck mal hier: <http://www.youngpup.net/_projectDownloads/ypslideoutmenus.zip>  da is die jslib drin.

@all:

so meinen fortschritt könnt ihr hier bewundern: <http://www.volldiegosse.de/t3>

leider hab ich noch ein paar probleme:

- im level 1 verschwindet beim rollover die schrift
- im second level bringen änderungen irgendwie garnix. warum werden die Menüpunkte immer als liste (mit diesen knubbeln davor) angezeigt?
- wie passe ich das design der submenus generell an?
- könnte jemand vielleicht die einstellungen in der ypmenu.php genau erklären? wäre wirklich nett.

vielen dank für die hilfe schonmal im voraus.

mfg felix

### [#39](https://www.typo3.net/d/15065-wwwmeadede/39) · JayR · 2004-12-18

@F.Eppmann:
Vielleicht bin ich zu blöd zum entpacken, aber in dem zip ist die jslib nicht drin!!!

War die Datei evtl. mal in dem package dabei....und jetzt nicht mehr?????

### [#40](https://www.typo3.net/d/15065-wwwmeadede/40) · F.​Eppmann · 2004-12-18

hm da hab ich wohl irgendwie was durcheinander gebracht. is wohl doch nich dabei und ich kann mir plötzlich selber nicht erklären woher ich meine jslib habe.:o

naja, ich kann dir ja einfach mal den inhalt von meiner posten. aber bin mir relativ sicher, dass das nich alles so ganz richtig ist, was da drin steht. vielleicht könnte sich ja mal ein profi hier melden und uns unwissende aufklären.

```php
		// the number you pass to initLeft doesn't matter since it will get
		// changed onactivate
		var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 25, 180, 200)
		var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 25, 180, 200)
		var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 25, 180, 200)
     
    // for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
		myMenu1.onactivate = function() { repositionMenu(myMenu1, -90); }
		myMenu2.onactivate = function() { repositionMenu(myMenu2, -31); }
		myMenu3.onactivate = function() { repositionMenu(myMenu3, 24); }

    // this function repositions a menu to the speicified offset from center
		function repositionMenu(menu, offset)
		{
      // the new left position should be the center of the window + the offset
			var newLeft = getWindowWidth() / 2 + offset;

      // setting the left position in netscape is a little different than IE
			menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
		}
		 
    // this function calculates the window's width - different for IE and netscape
		function getWindowWidth()
		{
			return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
		}	


    ypSlideOutMenu.writeCSS();
```

### [#41](https://www.typo3.net/d/15065-wwwmeadede/41) · JayR · 2004-12-18

Es scheint aber so, als hätten wir alle dieselben Probleme!!!!

Auf Euren Seiten sieht das Menü auch nicht gerade dem Original ähnlich und verhält sich auch sehr verspult!

Dasselbe bei mir: <http://janrembold.com/index.php?id=60>

Die Datei jslib.js enthält im Original (von mozdev) über 300 Zeilen und hat, so wie's aussieht keinen Einfluss auf das Menü!

@ clicks & jenses: Der Aufruf nach "den Profis" galt wohl Euch!  :)

Gruß Jan

### [#42](https://www.typo3.net/d/15065-wwwmeadede/42) · Frescha · 2004-12-18

@F.Eppmann: Installiere mal bitte ImageMagick. Dann sollte auch die knubbeln weggehen.

### [#43](https://www.typo3.net/d/15065-wwwmeadede/43) · jenses · 2004-12-18

Es steht wirklich alles, was zum Funktionieren des Menüs benötigt wird,
in diesem Thread.
Die fehlenden JS-Libs würde man natürlich auch auf www.meade.de finden,
so man denn in der Lage ist, einen Quelltext zu lesen  #giggle#  .
Empfehlenswert ist es auch, sich die Stylesheets vorzunehmen und zu analyzieren,
genau wie das php-Script zum Menü.

Clicks hatte ja auch geschrieben, das alles BETA ist
und auf seine Seite zugeschnitten.
Und ihr erwartet, das es auf euren Seiten sofort,
ohne Anpassungen funktioniert   #paralyzed#  :o

jenses

### [#44](https://www.typo3.net/d/15065-wwwmeadede/44) · F.​Eppmann · 2004-12-18

juhu, ich habs nun fast komplett fertig gekriegt: <http://www.volldiegosse.de/t3/>

erstmal danke an jenses. mal in den quelltext reinschauen war wirklich ne gute idee.

nun hab ich aber noch zwei probleme:

- die thirdlevel-menus funktionieren noch nicht so ganz (siehe oben). was muss ich da anpassen?
- im level1-menü wird die schrift beim rollover nicht angezeigt. jemand ne ahnung warum? :o

### [#45](https://www.typo3.net/d/15065-wwwmeadede/45) · Liberation · 2004-12-19

also schaut mal hier:

www.sci-worx.com

bin gerde dabei das Menu weiter an verschiedene Browser an zu passen.

Bei Fragen bitte per icq oder noch mal im forum melden (besser icq).

an sich steht alles hier im Forum schon dirn aber eure Probleme musste ich auch schon meistern^^-

Gruß libi

### [#46](https://www.typo3.net/d/15065-wwwmeadede/46) · schmutti · 2004-12-21

Ich finds ja recht beeindruckend wie gut ihr dieses Menü in eure Seiten integriert. Ich würde das gerne in einem Kopfframe verwenden, kriegs aber nicht korrekt zum laufen. Die obersten Menüs werden angezeigt, aber es kommt nichts "geslidet". Wenn ich es mit einer einfachen Testseite probiere funktioniert das, also liegt der Fehler in meiner Framekonstruktion.
Könnt ihr bitte mal eine Blick auf folgendes Typoscript werfen, ich glaub nämlich ich werd langsam "Betriebsblind"..
LG und Danke
Basti

> config.extTarget = page
> frameset = PAGE
> frameset.headerData.10 = TEXT
> frameset.headerData.10.value = <script type="text/javascript" src="fileadmin/template/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/template/jslib.js" language="JavaScript"></script>
> frameset.typeNum = 0
> unten = PAGE
> unten.typeNum = 1
> oben = PAGE
> oben.stylesheet = fileadmin/template/navi.css
> oben.includeLibs.ypMenu = fileadmin/template/ypMenu.php
> oben.typeNum = 3
> meinframeset.frameSet {
> rows = 150,*
> params = border="0" framespacing="0" frameborder="NO"
> 1 = FRAME
> 1.obj = oben
> oben.includeLibs.ypMenu = fileadmin/template/ypMenu.php
> 1.params = scrolling="AUTO" noresize frameborder="NO" marginwidth="0"
> marginheight="0"
> 2 = FRAME
> 2.obj = unten
> 2.params = scrolling="Auto" noresize frameborder="NO"
> }
>
> *************************************************
> * definieren des Kopf-Frames (Menü)
> *************************************************
> oben.includeLibs.ypMenu = fileadmin/template/ypMenu.php
> oben.headerData.5 = TEXT
> oben.headerData.5.value = <script type="text/javascript" src="fileadmin/template/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/template/jslib.js" language="JavaScript"></script>
> oben.10 = TEMPLATE
> oben.10 {
>              template = FILE
>              template.file = fileadmin/template/oben-template.htm
>              workOnSubpart = DOKUMENT
>              marks.MENU_MAIN >
> marks.MENU_MAIN = HMENU
> marks.MENU_MAIN.1 = GMENU
> marks.MENU_MAIN.1 {
> #  IProcFunc = user_menu->firstLevel
>   target = page
>   expAll = 1
>   wrap = |
>
> IFSUB = 1
> IFSUB {
>   wrap = |
>
> XY = [50.w]+20, 25
>    backColor = #cccccc
>
> 50 = TEXT
>    50 {
>     text.field = title
>     fontSize = 12
>     fontFile = fileadmin/verdana.ttf
>     fontColor = #222222
>     offset = 10,17
>     niceText = 1
>
> }
>
> 100 = || IMAGE
>    100.file = fileadmin/spacer.gif
> }
>
> NO {
>   wrap = |
>
> XY = [50.w]+20, 25
>    backColor = #cccccc
>
> 50 = TEXT
>    50 {
>     text.field = title
>     fontSize = 12
>     fontFile = fileadmin/verdana.ttf
>     fontColor = #222222
>     offset = 10,17
>     niceText = 1
>
> }
>
> 100 = || IMAGE
>    100.file = fileadmin/spacer.gif
> }
>
> RO < marks.MENU_MAIN.1.NO
> RO = 1
> RO  {
>    backColor = #ffca51
> }
>
> IFSUBRO < marks.MENU_MAIN.1.NO
> IFSUBRO = 1
> IFSUBRO  {
>    backColor = #ffca51
>   }
> }
>
> marks.MENU_MAIN.2 = TMENU
> marks.MENU_MAIN.2 {
> IProcFunc = user_menu->secondLevel
> expAll = 1
> NO.linkWrap = <li>|</li>
> }
>
> marks.MENU_MAIN.3 = TMENU
> marks.MENU_MAIN.3 {
> IProcFunc = user_menu->thirdLevel
> expAll = 1
> NO.linkWrap = <li>|</li>
> }
>
> marks.MENU_MAIN.4 = TMENU
> marks.MENU_MAIN.4 {
> IProcFunc = user_menu->fourthLevel
> expAll = 1
> NO.linkWrap = <li>|</li>
> }
> }
> # append Menu JS to page
> oben.20 = USER
> oben.20.userFunc = user_menu->menuEnd
>
> **************************************************
> * definieren des Body-Frames (Content)
> **************************************************
> unten.20 = TEMPLATE
> unten.20 {
>              template = FILE
>              template.file = fileadmin/template/unten-template.htm
>              workOnSubpart = DOKUMENT
>              marks.CONTENT < styles.content.get
>               }

### [#47](https://www.typo3.net/d/15065-wwwmeadede/47) · Dander · 2004-12-21

ich weis nicht aber langsam könnte man ja schon eine doku schreiben
nur für dieses menü.... :D

### [#48](https://www.typo3.net/d/15065-wwwmeadede/48) · Liberation · 2004-12-21

Hallo nochmal^^:)

Leider hab ich im Moment recht wenig Zeit.
...
Ich werde versuchen alle eure Probleme zu lösen wenn ich morgen abend zuhause bin und etwas ruhe habe.

Viele Grüsse Alex

@schmutti
Durch dein Framegefummel steig ich irgendwie nicht richtig durch (ich mag keine frames, sorry.)
kann ich mir irgendwo den code Ansehen der Ausgegeben wird dann könnte ich Dir sicher helfen.

### [#49](https://www.typo3.net/d/15065-wwwmeadede/49) · schmutti · 2004-12-21

Ja das Menü wird für mich auch langsam zum running-Gag! Ich würde auch liebend gerne auf die FrameKonstruktion verzichten, muss aber eine 4images Galerie einbinden.
Schau mal unter <http://www.schmuttermaier.de>
LG
Basti

### [#50](https://www.typo3.net/d/15065-wwwmeadede/50) · Liberation · 2004-12-21

Also erstmal musst du imagemagick zum laufen bekommen.

Dann wird bei dir der menucode für das klappmenu garnicht ausgegeben.

4images kannst du auch ohne frames einbinden.

### [#51](https://www.typo3.net/d/15065-wwwmeadede/51) · schmutti · 2004-12-21

Wie oben geschrieben funktioniert das Menü problemlos wenn ich es auf einer normalen (also nicht Frame-) Seite einbinde, aus diesem Grund gehe ich davon aus das meine imagemagick Einstellungen korrekt sind. Wie kann ich 4images anders einbinden? Das passt evtl. nicht in diesen Thread aber vielleicht kannst du mir ja nen sanften Stoss in die richtige Richtung geben?!
LG
Basti

### [#52](https://www.typo3.net/d/15065-wwwmeadede/52) · Liberation · 2004-12-21

mit imagemagic meinte ich das du beim mouseover keinen menutitel mehr hast, dass kann nämlich daran liegen.

Dein menucode wird jedenfalls nicht ausgegeben und deswegen ist auch nix mit SlideOut:)

ganz so easy ist das mit den 4images natürlich nicht.
es würde sich ein iframe container anbieten oder du schreibst das 4images etwas um und includierst es in deine Webseite rein:)
(muss es umbeding 4Images sein?, vielleicht was mit typo machen?)

### [#53](https://www.typo3.net/d/15065-wwwmeadede/53) · schmutti · 2004-12-22

Den Verdacht hatte ich auch das "es ganz so easy eben nicht" ist ;-) Und ja es muss 4images sein, allen anderen Lösungen fehlen Features auf die ich nicht verzichten möchte.
Kann den niemand was zu meiner Framekonstruktion beitragen?
Basti

### [#54](https://www.typo3.net/d/15065-wwwmeadede/54) · Liberation · 2004-12-22

```typoscript
# append Menu JS to page 
oben.20 = USER 
oben.20.userFunc = user_menu->menuEnd
```

da kommt doch was nicht hin...
am ende deiner seite wird gar kein menucode ausgegeben.

### [#55](https://www.typo3.net/d/15065-wwwmeadede/55) · schmutti · 2004-12-22

Genau diese zwei Zeilen habe ich auch im Verdacht, ich definiere ja den oberen Frame als "oben", aber das Script wird trotzdem nicht korrekt zugewiesen?!
Basti

### [#56](https://www.typo3.net/d/15065-wwwmeadede/56) · n-joy · 2004-12-27

Tach leute...

Also ich hab schon viele varianten und anpassungen versucht... aber ich bekomms einfach nich hin, dass da überhaupt was in richtung menü angezeigt wird...

```typoscript
#####################################
# Allgemeine Config
#####################################
config {
    simulateStaticDocuments = 1 
    simulateStaticDocuments_addTitle = 30 
    simulateStaticDocuments_pEnc = md5 
    simulateStaticDocuments_noTypeIfNoTitle = 1
    # AdminPanel aktivieren
    admPanel = 1
    # XHTML erzwingen
    doctype = xhtml_trans
    xhtml_cleaning = all
}


#####################################
# TEMPLATE  
#####################################
page = PAGE 
page.typeNum = 0
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/scripts/ypMenu/jslib.js" language="JavaScript"></script>
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php 
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php 
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php
page.stylesheet = fileadmin/templates/style1/styles.css
page.10 = TEMPLATE 
page.10{ 
    template = FILE 
    template.file = fileadmin/templates/style1/template.htm
    workOnSubpart = TYPO3_BEREICH 

    marks.INHALT = COA
    marks.INHALT {
        10 = CONTENT 
        10.table = tt_content   
        10 < styles.content.get 
        20 < temp.geaendert_am
    }


    marks.MENU >
    marks.MENU = HMENU
    marks.MENU.1 = GMENU
    marks.MENU.1 {
        IProcFunc = user_menu->firstLevel
        target = page
        expAll = 1
        wrap = |

        IFSUB = 1
        IFSUB {
            wrap = |
            XY = [50.w]+20, 25
            backColor = #cccccc

            50 = TEXT
            50 {
                text.field = title
                fontSize = 12
                fontFile = fileadmin/verdana.ttf
                fontColor = #222222
                offset = 10,17
                niceText = 1
            }

            100 = || IMAGE
            100.file = fileadmin/spacer.gif
        }

        NO {
            wrap = |
            XY = [50.w]+20, 25
            backColor = #cccccc

            50 = TEXT
            50 {
                text.field = title
                fontSize = 12
                fontFile = fileadmin/verdana.ttf
                fontColor = #222222
                offset = 10,17
                niceText = 1
            }

            100 = || IMAGE
            100.file = fileadmin/spacer.gif
        }

        RO < marks.MENU_MAIN.1.NO
        RO = 1
        RO {
            backColor = #ffca51
        }

        IFSUBRO < marks.MENU_MAIN.1.NO
        IFSUBRO = 1
        IFSUBRO {
            backColor = #ffca51
        }
    }

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

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

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

#    marks.MENU = COA
#    marks.MENU {
#    10 < temp.hauptmenu
#    }

    marks.MENURECHTS = COA 
    marks.MENURECHTS {
        wrap = <div style="margin:0px; height:auto; width:150px;border:0px; padding-left:10px; padding-right:0px; padding-bottom:5px; padding-top:5px; border-left:1px dotted #cccccc;" align="center"> | </div>
        10 < temp.sprache
        20 < temp.loginbox
        30 < plugin.tx_macinasearchbox_pi1 
    }
    marks.SUBMENU = COA
    marks.SUBMENU {
        10 < temp.submenu
    }
}


#####################################
# append Menu JS to page
#####################################
page.20 = USER
page.20.userFunc = user_menu->menuEnd
```

im quelltext komm NICHTS raus... absolut tote hose -_- und ich weiss nich woran es liegt :( (schon viel rumprobiert und abgeändert ohne ende... aber es half bisher nichts...)

bitte helft mir, ein Tipp in die richtige richtung würd mir eigentlich schon reichen  o.O

MfG

### [#57](https://www.typo3.net/d/15065-wwwmeadede/57) · Liberation · 2004-12-27

Hi,
hast Du schon mehr erfahrung mit TYPO3?
Oder fängst Du erst an mit TYPO?
Gruß

### [#58](https://www.typo3.net/d/15065-wwwmeadede/58) · n-joy · 2004-12-27

Hi Liberation,

ich habe schon etwas mehr erfahrung mit Typo3, aber leider weiss ich immer noch nicht genug ;)

nein also, ich habe "schon/erst" zwei Seiten mit Typo3 erstellen können.. bzw. bei der zweiten versuche ich dieses Menü einzubauen aber da gibt es wohl ne kleinigkeit die ich entweder nicht weiss oder übersehen habe...

MfG

### [#59](https://www.typo3.net/d/15065-wwwmeadede/59) · Liberation · 2004-12-27

Hi also ich fragte nur weil ich Dein codeansatz für die Webseite nicht so sehr durchdacht ansehe... (nicht böse gemeint)

An sich ist es sehr einfach mit dem menu es funktioniert genau so wie jedes (normale) Menu.

Nur ein wenig feintuning ist nötig.

Vielleicht versuchst du einfach mal ein normales menu einzubauen und wenn das geht dann stellst du den code auf das ypmenu um.

### [#60](https://www.typo3.net/d/15065-wwwmeadede/60) · frontal · 2004-12-27

hat schon jemand das menu auf einer zentrierten seite am laufen? linksbündig hab ichs hingekriegt (<http://www2.orthopaedie-technik.ch>) aber zentriert habe ich meine mühe (<http://smpb.abix.ch>).

ich habe die .css und .js von meade.de, die ypmenu.php hier von diesem thread und den tip von pascal auch probiert:

```typoscript
# append Menu JS to page
  temp.user_menu_inside = USER
  temp.user_menu_inside.userFunc = user_menu->menuEnd
```

```typoscript
#das Menüskript einbinden:
  marks.menuskript < temp.user_menu_inside
```

grüsse rené

### [#61](https://www.typo3.net/d/15065-wwwmeadede/61) · n-joy · 2004-12-28

Liberation,

ein Normales js-menü hatte bzw. habe ich schon ;) (funktioniert soweit auch ganz gut)

Und naja, war wohl nicht so geschickt gewesen von mir, den TS-code zu posten den ich nur kurz zum testen übernommen hatte... ohne da grossartig was zu ändern  #paralyzed# ...

aber ich hatte ja schon erwähnt, dass ich schon viele versuche hinter mir habe... ich glaube ich beschäftige mich mit dem menü schon zwei wochen und das auch noch ohne erfolg *duck*

mein problem ist halt, dass an stelle des markers...

```html
   <div id="head3" align="left">
      ###MENU###
   </div>
```

...folgendes im quellcode rauskommt:

```html
   <div id="head3" align="left">

   </div>
```

da scheint irgendwo eine übergabe nicht zu stimmen bzw. es findet keine statt

hier nochmal mein TS aus dem Setup:

```typoscript
########## Allgemeine Config > ###########
config {
    simulateStaticDocuments = 1
    simulateStaticDocuments_addTitle = 30
    simulateStaticDocuments_pEnc = md5
    simulateStaticDocuments_noTypeIfNoTitle = 1
    # AdminPanel aktivieren
    admPanel = 1
    # XHTML erzwingen
    doctype = xhtml_trans
    xhtml_cleaning = all
    metaCharset = utf-8
    additionalHeaders = Content-Type:text/html;charset=utf-8
}
########## < Allgemeine Config ###########

############ FE / Ausgabe > #############
page = PAGE
page.typeNum = 0

############### ypMenu > ############## 
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/scripts/ypMenu/jslib.js" language="JavaScript"></script>
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php
page.20 < temp.user_menu
############### < ypMenu ############## 

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

############# TEMPLATE > ##############
page.stylesheet = fileadmin/templates/style1/styles.css
page.10 = TEMPLATE
page.10{
    template = FILE
    template.file = fileadmin/templates/style1/template.htm
    workOnSubpart = TYPO3_BEREICH

    marks.INHALT = COA
    marks.INHALT {
        10 = CONTENT
        10.table = tt_content   
        10 < styles.content.get
        20 < temp.geaendert_am
    }

    marks.MENU = COA
    marks.MENU {
    10 < temp.ypMENU
    }

    marks.MENURECHTS = COA
    marks.MENURECHTS {
        wrap = <div style="margin:0px; height:auto; width:150px;border:0px; padding-left:10px; padding-right:0px; padding-bottom:5px; padding-top:5px; border-left:1px dotted #cccccc;" align="center"> | </div>
        10 < temp.sprache
        20 < temp.loginbox
        30 < plugin.tx_macinasearchbox_pi1
    }
    marks.SUBMENU = COA
    marks.SUBMENU {
        10 < temp.submenu
    }
}
############# < TEMPLATE ##############
############ < FE / Ausgabe #############
```

das angefügte template mit dem ypMenu:

```typoscript
temp.ypMenu >
temp.ypMenu = HMENU
temp.ypMenu {
    1 = GMENU
    1 {
        IProcFunc = user_menu->firstLevel
        expAll = 1
        wrap = | 
        IFSUB = 1
        IFSUB {
            wrap = |
            XY = [50.w]+20, 25
            backColor = #cccccc
            50 = TEXT
            50 {
                text.field = title
                fontSize = 12
                fontFile = fileadmin/templates/fonts/verdana.ttf
                fontColor = #222222
                offset = 10,17
                niceText = 1
            }
            100 = || IMAGE
            100.file = fileadmin/scripts/ypMenu/clear.gif
        }

        NO {
            wrap = |
            XY = [50.w]+20, 25
            backColor = #cccccc
            50 = TEXT
            50 {
                text.field = title
                fontSize = 12
                fontFile = fileadmin/templates/fonts/verdana.ttf
                fontColor = #222222
                offset = 10,17
                niceText = 1
            }
            100 = || IMAGE
            100.file = fileadmin/scripts/ypMenu/clear.gif
        }

        RO < temp.ypMenu.1.NO
        RO = 1
        RO  {
            backColor = #ffca51
        }

        IFSUBRO < temp.ypMenu.1.NO
        IFSUBRO = 1
        IFSUBRO  {
            backColor = #ffca51
        }
    }

    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 wär ja schon glücklich wenn statt des Marker irgendein Quellcode kommen würd, aber das will irgendwie nicht :(

Mit anderen "normalen" Menüs hatte ich noch nie Probleme, nur dieses hier will nich so ganz  #paralyzed#

Darf ich aufgeben oder muss ich an meiner Intelligenz zweifeln ?  :o  :o

MfG

### [#62](https://www.typo3.net/d/15065-wwwmeadede/62) · Liberation · 2004-12-28

schreib mich doch mal icq an bitte dann guck ich am besten mal direkt bei dir in dein TS Setup.

PS. Hast Du mal Probiert dein Marker einfach mal mit "Text"  zu füllen?

Zenrieren des Menus:
Menucode in dein Container packen der Zentriert ist.

### [#63](https://www.typo3.net/d/15065-wwwmeadede/63) · frontal · 2004-12-28

habs geschafft. der fehler war, dass ich die breite des containers nicht definiert hatte.

aus dem html-template:

> <div id="menumarker" align="left">###menuskript###</div>

aus dem css:

> #menumarker {
> 	width: 710px;
> 	position: relative;
> }

### [#64](https://www.typo3.net/d/15065-wwwmeadede/64) · n-joy · 2004-12-28

ich habe den fehler auch gefunden ;) ...dank der mithilfe von Liberation

VORHER

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

NACHHER

```typoscript
temp.ypMenu.special = directory
temp.ypMenu.special.value = 57
temp.ypMenu = HMENU
temp.ypMenu {
    1 = GMENU
    1 { 
    ...
    ...
```

(57 ist die ID meiner Menü-root-page)

MfG

### [#65](https://www.typo3.net/d/15065-wwwmeadede/65) · Liberation · 2004-12-28

Habe ich jetzt das Problem mit den Browseranpassungen gefunden die nur beim ersten Seitenbetreten von der php datei vorgenommen wurde.

Als Lösung packt bitte den kompletten menucode in eine template ext.
packt dann zusätzlich

config.no_cache = 1

als Setupzeile hinzu.
Somit wird das menu selber nicht gecached und es funktionieren alle Browseranpassungen korrekt.

Vielleicht baut ein Freund und ich eine typo3 ext. für solche Probleme.

Gruß Alex

### [#66](https://www.typo3.net/d/15065-wwwmeadede/66) · SilverBlue · 2005-01-05

Ich habe das Menü schon erfolgreich zum laufen gekriegt. Allerdings ist die Rolloverfarbe die gleiche wie Hintergrundfarbe. ( <http://p7460.typo3server.info/> ) Außerdem fehlt das Hintergrundbild in der Menüleiste

Das TS:

```typoscript
seite = PAGE
seite.typeNum = 0
# seite.stylesheet = fileadmin/MEADE/style.css
# Benoetigte Libaries einfuegen
seite.includeLibs.ypMenu = fileadmin/MEADE/ypMenu.php

seite.headerData.10 = TEXT
seite.headerData.10.value = <script type="text/javascript" src="fileadmin/MEADE/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/MEADE/jslib.js" language="JavaScript"></script>
seite.headerData.20 = TEXT
seite.headerData.20.value = <link rel="stylesheet" type="text/css" href="fileadmin/MEADE/meade_nav.css"><link rel="stylesheet" type="text/css" href="fileadmin/MEADE/meade_position.css"><link rel="stylesheet" type="text/css" href="fileadmin/MEADE/meade_text.css">
seite.10 = TEMPLATE
seite.10 {
            template = FILE
            template.file = fileadmin/MEADE/template.html
            workOnSubpart = DOKUMENT
            marks.INHALT =  CONTENT
            marks.INHALT < styles.content.get





marks.MENU_MAIN >
marks.MENU_MAIN = HMENU
marks.MENU_MAIN.1 = GMENU
marks.MENU_MAIN.1 {
  IProcFunc = user_menu->firstLevel
  expAll = 1
  wrap = |


IFSUB = 1
IFSUB {
  wrap = |

   XY = [50.w]+20, 25
   backColor = #cccccc

   50 = TEXT
   50 {
    text.field = title
    fontSize = 12
    fontFile = fileadmin/fonts/verdana.ttf
    fontColor = #222222
    offset = 10,17
    niceText = 1

   }

   100 = || IMAGE
   100.file = fileadmin/MEADE/spacer.gif
}

NO {
  wrap = |

   XY = [50.w]+20, 25
   backColor = #cccccc

   50 = TEXT
   50 {
    text.field = title
    fontSize = 12
    fontFile = fileadmin/fonts/verdana.ttf
    fontColor = #222222
    offset = 10,17
    niceText = 1

   }

   100 = || IMAGE
   100.file = fileadmin/MEADE/spacer.gif
}

RO < marks.MENU_MAIN.1.NO
RO = 1
RO  {
   backColor = #ffca51
}

IFSUBRO < marks.MENU_MAIN.1.NO
IFSUBRO = 1
IFSUBRO  {
   backColor = #ffca51
  }
}


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

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

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

# append Menu JS to page
seite.11 = USER
seite.11.userFunc = user_menu->menuEnd
```

#paralyzed#
Mfg
SilverBlue

### [#67](https://www.typo3.net/d/15065-wwwmeadede/67) · Lance · 2005-01-13

Hallo zusammen.
Sorry das ich diesen alten Threat noch einmal ausgrabe. Aber lustigerweise fehlen mir seit der integration der Navigation die Scrollbalken. Kann also nicht mehr scrollen. Ich finde aber leider keine Einstellung in den Dateien die diese Unterbinden sollte. Hat jemand einen Tip?

UND:
Wenn ich über die Hauptnavigationspunkte (horizontal) fahre, sehe ich keinen Text mehr. Das Bild wird duch eine Farbe ersetzt. Hat da evtl. auch jemand einen Tipp?

UND:
Teilweise verschieben sich die Untermenüpunkte. Wie kann ich die richtig platzieren?

Ich wäre wirklich sehr Dankbar für eure Inputs.
Lance

### [#68](https://www.typo3.net/d/15065-wwwmeadede/68) · Liberation · 2005-01-13

Hallo,

CSS richtig einstellen, wird alle deine probleme lösen auch das mit dem scroller.

Zur not kopiere dir mal den css von der www.meade.de oder www.sci-worx.com seite runter dann hast du 2 Varianten.

### [#69](https://www.typo3.net/d/15065-wwwmeadede/69) · Lance · 2005-01-14

Ok, hat soweit schon einiges funktioniert. Ich habe nun die Slideouts verbreitern können. Aber irgendwie sind jetzt die Slideouts breiter, aber der content darin hat immer noch eine kleiner breite. Wo kann ich die anpassen? Ich werd nicht schlau aus dem CSS. Habe mitlerweilen alle width angaben verbreitert aber es bringt nix. Muss ich was in der PHP Datei machen oder in den JS dateien?

Bin für jeden Tipp dankbar...

### [#70](https://www.typo3.net/d/15065-wwwmeadede/70) · Liberation · 2005-01-14

in der phpdatei (ist in der phpdatei oben erklärt) musst du die breite vom menu einstellen. Den css dann daran anpassen.

bei www.sci-worx.com ist das menu breiter ales bei www.meade.de

### [#71](https://www.typo3.net/d/15065-wwwmeadede/71) · Schiedsrichter · 2005-01-14

Hallo,

wo kann ich denn mal eine Beispiel zur template.html sehen. Kann mir da vielleicht jemand einen Link geben.

Danke

### [#72](https://www.typo3.net/d/15065-wwwmeadede/72) · Liberation · 2005-01-14

Hallo,

<http://www.typo3.butan028.server4free.de/fileadmin/template/template_audiomediaarts.html>

hier das Template von einer seite von mir die gerade im bau ist.

Da ist das Menu dann mal center.

Gruß

### [#73](https://www.typo3.net/d/15065-wwwmeadede/73) · frontal · 2005-01-18

habe folgendes problem: habe die seite lokal unter windows und typo3 3.7 entwickelt. das menu funktioniert wunderbar. nach dem umzug auf einen linux-server wird die unternavigation nicht angezeigt.

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

jemand ahnung warum?

danke

### [#74](https://www.typo3.net/d/15065-wwwmeadede/74) · Liberation · 2005-01-18

Hi,
auf Deiner Seite wir der code für die Navigation nicht ausgegeben, somit kann auch keine Navi da sein:)

### [#75](https://www.typo3.net/d/15065-wwwmeadede/75) · Lance · 2005-02-04

Auch ich habe noch ein einziges kleines Problem.
Sobald ich über die Bilder mit der Bezeichnung der Hauptnavigationspunkte fahre, ist der Text weg. Gehe ich richtig in der Annahme das da im TS ein Fehler ist?

Habe mittlerweilen einige Varianten ausprobiert aber der Text vom Rollover Bild haust mir immer raus ...

Danke für eine Info ...

### [#76](https://www.typo3.net/d/15065-wwwmeadede/76) · Liberation · 2005-02-04

ts anpassen...

poste den code und ich helfe dir.

### [#77](https://www.typo3.net/d/15065-wwwmeadede/77) · Claudio.​Somaini · 2005-02-05

Kann mir jemand bei diesem Problem weiterhelfen:

[/d/20746-medea-menue-und-templavoila](https://www.typo3.net/d/20746-medea-menue-und-templavoila)

Gruss und Danke

### [#78](https://www.typo3.net/d/15065-wwwmeadede/78) · Lance · 2005-02-05

Hi Liberation ...
Sorry, hier der Code wie ich ihn im Moment drin hab.

```typoscript
seite = PAGE 
seite.typeNum = 0 
#seite.stylesheet = fileadmin/gl/style.css 
# Benoetigte Libaries einfuegen 
seite.includeLibs.ypMenu = fileadmin/gl/ypmenu.php 

#das Menüskript einbinden: 
  marks.MAIN_MENU < temp.user_menu_inside

seite.headerData.10 = TEXT 
seite.headerData.10.value = <script type="text/javascript" src="fileadmin/gl/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/gl/jslib.js" language="JavaScript"></script> 
seite.headerData.20 = TEXT 
seite.headerData.20.value = <link rel="stylesheet" type="text/css" href="fileadmin/gl/gl_nav.css">
seite.10 = TEMPLATE 
seite.10 { 
            template = FILE 
            template.file = fileadmin/gl/temp_main.htm
            workOnSubpart = DOKUMENT 
            marks.CONTENT =  CONTENT 
            marks.CONTENT < styles.content.get


            marks.NEWS = CONTENT
            marks.NEWS {
            table = tt_content
            select.orderBy = sorting
            select.where = colPos = 2
            }

            marks.FOOTER = CONTENT
            marks.FOOTER {
            table = tt_content
            select.orderBy = sorting
            select.where = colPos = 1
            }

            marks.PAGETITLE = TEXT
            marks.PAGETITLE {
            field = title
            wrap = <br><h5 style="padding-left : 5px;">|</h5>
            }

# breadcrumb
marks.ROOTLINE = HMENU
marks.ROOTLINE {
  special = rootline
  # Zahl vor dem | gibt an von welchem Knoten aus gearbeitet wird
  special.range = 0|-2
  1 = TMENU
  1.target = _self
  1.wrap =  | 
  1.NO.linkWrap = &nbsp;\&nbsp;
  1.NO.PageTitle
  1.NO.ATagParams = class="breadlink"
} 

            marks.MENU_OBEN = HMENU
            marks.MENU_OBEN.entryLevel = 1
            marks.MENU_OBEN.1 = TMENU
            marks.MENU_OBEN.1.NO.ATagParams = class="linkWeiss"
            marks.MENU_OBEN.1.NO.linkWrap = <br>
            marks.MENU_MAIN > 
            temp.ypMenu.special = directory 
            temp.ypMenu.special.value = 3
            marks.MENU_MAIN = HMENU 
            marks.MENU_MAIN.1 = GMENU 
            marks.MENU_MAIN.1 { 
              IProcFunc = user_menu->firstLevel 
              expAll = 1
              wrap = | 


IFSUB = 1 
IFSUB { 
wrap = | 

XY = [50.w]+20, 15 
backColor = #CCCCCC
50 = TEXT 
50 { 
text.field = title 
fontSize = 11 
fontFile = fileadmin/fonts/arial.ttf 
fontColor = #222222 
offset = 10,17 
#niceText = 1 

} 

100 = || IMAGE 
100.file = fileadmin/spacer.gif 
} 

NO { 
wrap = | 

XY = [50.w]+20, 15 
backColor = #cccccc 

50 = TEXT 
50 { 
text.field = title 
fontSize = 11 
fontFile = fileadmin/fonts/arial.ttf 
fontColor = #222222 
offset = 10,17 
#niceText = 1 

} 

100 = || IMAGE 
100.file = fileadmin/spacer.gif 
} 

RO < marks.MENU_MAIN.1.NO 
RO = 1 
RO { 
backColor = #CCCCCC
} 

IFSUBRO < marks.MENU_MAIN.1.NO 
IFSUBRO = 1 
IFSUBRO { 
backColor = #FF33FF
} 
} 

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

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

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

# append Menu JS to page 
seite.11 = USER 
seite.11.userFunc = user_menu->menuEnd 

lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
1 = TEXT
1.field = header
1.wrap = <font face="Arial" size="3"><b> | </b></font><br>
2 = IMAGE
2.file = GIFBUILDER
2.file {
  XY = [10.w] +10, 28
  backColor = white
  10 = TEXT
  10.text.field = header
  10.fontColor = #478951
  10.fontFile = fileadmin/fonts/arial.ttf
  10.fontSize = 16
  10.offset = 1, 22
}
2.wrap = |<br>
default < .1
}
tmp_tt_content_text < tt_content.text
tt_content.text >
tt_content.text = COA
tt_content.text.10 < lib.stdheader
tt_content.text.20 = TEXT
tt_content.text.20 {
field = bodytext
fieldRequired = bodytext
wrap = <font face="Arial" size="2">|</font><br>
parseFunc < tmp_tt_content_text.20.parseFunc
editIcons < tmp_tt_content_text.20.editIcons
}
#seite.config.index_enable = 1
#plugin.tt_calender.fontFace = ARIAL


tt_content.list = COA 
tt_content.list.10 = < lib.stdheader 
tt_content.list.20 = CASE 
tt_content.list.20.key.field = list_type 
tt_content.list.20 { 
  98 = CASE 
  98.key.field = layout 
  98.0 = < plugin.faq
}
tt_content.text.20.wrap = <font face="Arial" size="2">|</font>
tt_content.text.20.wrap =
```

Das Menu funktioniert an sich gut. Das Problem sind nur die Hauptnavigationspunkte, also die Bilder die generiert werden.

Aber auch diese sind gut solange man nicht mit der Maus drüberfährt oder der Menüpunkt keine unterpunkte hat.

Ich habe wohl schon so ziemlich jede Einstellung versuch anzupassen. Speziell halt die RO und die IFSUBRO blöcke. Aber die Einstellungen die dich dort angeben werden bis auf die backColor ignoriert. An was kann das liegen?

Ich danke dir schon im Voraus für's anschauen....
Lance

### [#79](https://www.typo3.net/d/15065-wwwmeadede/79) · Liberation · 2005-02-06

kann so nach ein paar min nachgucken nix falsches erkennen....
am besten du schreibst mich montag vormittag mal icq an dann guck ich in dein setup um finde den fehler...

Gruss

### [#80](https://www.typo3.net/d/15065-wwwmeadede/80) · saturn · 2005-02-27

habe mir auch gerade die seite angesehen!

Kompliment! wirklich gut umgesetzt!

ich würde aber gerne nachfragen wie du das mit den vielen produkten gelöst hast?
ist das einen typo3 ext?

wie hast du denn dies gelöst?
den artikel mit den zugehörigen zubehör oder den technischen daten?

ich würde ebenso etwas in der art benötigen.
ein artikel mit kurzer vorschau und dann eigene punkte für weitere details.
nur es soll halt möglichst einfach beim anlegen sein. am besten ein einziges formular.

vielleicht kannst mir eine kurze info geben wie du dies gelöst hast!

THX  ;)

### [#81](https://www.typo3.net/d/15065-wwwmeadede/81) · SilverBlue · 2005-03-09

Hallo erstmal!

Ich habe das Menü erfolgreich eingebaut und es funktioniert auch super. :D
Allerdings nicht im IE. :( Der IE crasht immer beim Aufruf der Seite.
Ich habe schon rausgefunden woran das liegt. Das ist [hier](http://youngpup.net/2004/30plus) und [da](http://www.codingforums.com/showthread.php?t=36198) nachzulesen.
Demnach ignoriert der IE die Stylesheets fürs Menü ab dem 31. Stylesheet.

Ich habe dann einfach die alte ypSlideOutMenus.js mit der neuen Version von youngpub.net überschrieben. Jetzt crasht der IE nichtmehr, allerdings geht das Menü wieder zu wenn man über einen 2nd Level Eintrag steht. Kurz dannach erscheint das Menü dann wieder.

Bis jetzt habe ich es nicht geschafft dieses Problem zu lösen.
Es wäre schön wenn jemand helfen könnte, denn ich bin sicher nicht der einzige, der mehr als 30 Menüinstanzen braucht.

MfG
Silverblue ;)

### [#82](https://www.typo3.net/d/15065-wwwmeadede/82) · Liberation · 2005-03-09

etwa so:
www.sci-worx.com
www.sci-worx-emv.de
www.audioarts.de
???

schreib mich am besten per icq an dann helf ich dir weiter.

### [#83](https://www.typo3.net/d/15065-wwwmeadede/83) · T.​uX · 2005-03-20

servus, habe probs mit der Positionierung kann mir da einer helfen ?

schaut mal hier <http://jsmenu.kj187.de/index.php?id=311>

die untermenüs werden alle da links angezeigt.

Ein zweites Prob habe ich im Mozilla, dort ist komischerweise ein abstand zwischen ester und zweiter ebene warum ?

hoffe das mir da einer weiter helfen kann... thx

### [#84](https://www.typo3.net/d/15065-wwwmeadede/84) · Liberation · 2005-03-20

Positions problem:
menucode in den selben container wie das menu.
css dann -> position: relative;

Mozilla problem:
css:

body {
margin: 0px 0px 0px 0px;
padding: 0px;
}

dann müsste es passen :)

### [#85](https://www.typo3.net/d/15065-wwwmeadede/85) · T.​uX · 2005-03-21

>> Positions problem:
>> menucode in den selben container wie das menu.
>> css dann -> position: relative;

check ich nicht ganz ;-/
in welchen Container ? also haue ich in meine designvolrage
zB <div id="mmContainer">###MENU###</div>

???

### [#86](https://www.typo3.net/d/15065-wwwmeadede/86) · Liberation · 2005-03-21

nee so:
<div class="menu">###menu######menucode###</div>

und das vom originalen code umbauen:

# append Menu JS to page
#page.11 = USER
#page.11.userFunc = user_menu->menuEnd

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

### [#87](https://www.typo3.net/d/15065-wwwmeadede/87) · T.​uX · 2005-03-21

humm ok, hab ich. komme der sache schon näher <http://jsmenu.kj187.de/>

habe also

page.10.marks.TOPMENU < temp.slideMenu
page.10.marks.MENUCODE = USER
page.10.marks.MENUCODE.userFunc = user_menu->menuEnd

...
	<tr>
		<td><div id="mainNavigation">###TOPMENU### ###MENUCODE###</div></td>
	</tr>
...

div#mainNavigation {
	position: relative;
}

aber es ist immernoch nicht richtig ;-(

### [#88](https://www.typo3.net/d/15065-wwwmeadede/88) · Liberation · 2005-03-21

body {
	text-align: center;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
}

body text-align center dirn um es auch im ie zu centern?

### [#89](https://www.typo3.net/d/15065-wwwmeadede/89) · T.​uX · 2005-03-21

ist alles jetzt drin.. aber nothing

<http://jsmenu.kj187.de/index.php?id=311>

;-(

in den untermenü punten setzt er jetzt alles center

grrr...

kannst mich ja mal per ICQ anquatschen wenn du magst
#127448744

### [#90](https://www.typo3.net/d/15065-wwwmeadede/90) · Liberation · 2005-03-21

also ich habe ebenmal hin gesehen..
passt doch.

wenn du noch fragen hast rede mich im icq an, sorum ist es besser würde ich sagen.  ;)

### [#91](https://www.typo3.net/d/15065-wwwmeadede/91) · T.​uX · 2005-03-21

ne leider nein.. das untermenu was raus gescrollt kommt ist  zu weit unten und links...

mit ICQ:
ja würd ich gern, aber habe probleme beim adden von usern g* benutze scheiss trillian

### [#93](https://www.typo3.net/d/15065-wwwmeadede/93) · Liberation · 2005-03-21

die position vom menu stellt man in der phpdatei ein und für operer braucht man ein png mit transparentem hg.

du solltest das workaround mal grundlich lesen da steht nämlich alles drin #paralyzed#

### [#94](https://www.typo3.net/d/15065-wwwmeadede/94) · Jay-R · 2005-03-28

Kennt jemand das Problem, dass im IE die Menüs immer wieder abhauen, obwohl man sich mit der Maus über dem Submenu-Item befindet!?

An was kann's liegen???

Passiert eigentlich ausschließlich bei "Main 002".

<http://typo3.connectaserver.de/>

### [#95](https://www.typo3.net/d/15065-wwwmeadede/95) · SilverBlue · 2005-03-28

Mit welcher IE Version hast du denn getestet?
Ich hab mir deine Seite mit dem IE6 angeguckt und es gab keine Probleme.

### [#96](https://www.typo3.net/d/15065-wwwmeadede/96) · Liberation · 2005-03-28

das mit dem abhauen der menus liegt an falschen java libs.
saug sie dir von einer meiner Webseiten.

### [#97](https://www.typo3.net/d/15065-wwwmeadede/97) · McLoud · 2005-03-30

Hi Typo3ler,

@ funzt das Menu auch mit 3.7 oder gibt es da irgendwelche Probleme?

@ Liberation
steht das angebot noch da man dich per icq anschreiben kann? Bin noch nicht so fit was typo3 angeht und wollte gern das menu in meinen template einbauen, da es genau das ist wonach ich gesucht hab!

gruß

Stefan

### [#98](https://www.typo3.net/d/15065-wwwmeadede/98) · SilverBlue · 2005-03-30

Das Menü funktioniert ohne Probleme mit Typo3.7

### [#99](https://www.typo3.net/d/15065-wwwmeadede/99) · maik · 2005-03-31

Ich möchte gerne die Transparenz der Roll Over Navi einstellen.

Im CSS habe ich nihts in der Richtung gefunden.

Wie wird das eingestellt?

### [#100](https://www.typo3.net/d/15065-wwwmeadede/100) · Liberation · 2005-03-31

Vielleicht mal in der php Datei nachschauen -:)

### [#101](https://www.typo3.net/d/15065-wwwmeadede/101) · Guido · 2005-04-02

Hi Leute,

wenn ich mir den ganzen thread anschaue, hatten verdammt viele Leute dasselbe Problem wie ich im Moment, dass nämlich die Schrift auf der ersten gmenu-Ebene beim Rollover verschwindet. Ich werde auch langsam zum Hirsch! Ich steige mit meinem gsunden Halbwissen über das Zusammenspiel aller Komponenten (ts, html, php, js, css) dieser Menüstruktur nicht soweit durch, dass ich weiß, wo ich nach dem Fehler suchen muss. Fehler zu sehen auf Seite <http://www.textandimage.de>.

Mein ts:

```typoscript
seite = PAGE 
seite.typeNum = 0 
seite.stylesheet = fileadmin/gl/stylesheet.css 
# Benoetigte Libaries einfuegen 
seite.includeLibs.ypMenu = fileadmin/gl/ypmenu.phpx 

seite.headerData.10 = TEXT 
seite.headerData.10.value = <script type="text/javascript" src="fileadmin/gl/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/gl/jslib.js" language="JavaScript"></script> 
seite.headerData.20 = TEXT 
seite.headerData.20.value = <link rel="stylesheet" type="text/css" href="fileadmin/gl/stylesheet.css"> 
seite.10 = TEMPLATE 
seite.10 { 
template = FILE 
template.file = fileadmin/gl/temp_main.htm 
workOnSubpart = DOKUMENT 
marks.INHALT =  CONTENT 
marks.INHALT < styles.content.get 
marks.MENU_MAIN > 
marks.MENU_MAIN = HMENU 
marks.MENU_MAIN.1 = GMENU 
marks.MENU_MAIN.1 { 
  IProcFunc = user_menu->firstLevel 
  expAll = 1 
  wrap = | 


IFSUB = 1 
IFSUB { 
  wrap = | 

   XY = [50.w]+20, 25 
   backColor = #cccccc 

   50 = TEXT 
   50 { 
    text.field = title 
    fontSize = 10
    fontFile = fileadmin/fonts/arial.ttf 
    fontColor = #222222 
    offset = 10,17 
    niceText = 1 

   } 

   100 = || IMAGE 
   100.file = fileadmin/gl/spacer.gif 
} 

NO { 
  wrap = | 

   XY = [50.w]+20, 25 
   backColor = #cccccc 

   50 = TEXT 
   50 { 
    text.field = title 
    fontSize = 10
    fontFile = fileadmin/fonts/arial.ttf 
    fontColor = #222222 
    offset = 10,17 
    niceText = 1 

   } 

   100 = || IMAGE 
   100.file = fileadmin/gl/spacer.gif 
} 

RO < marks.MENU_MAIN.1.NO 
RO = 1 
RO  { 
   backColor = #aaaaaa 
} 

IFSUBRO < marks.MENU_MAIN.1.NO 
IFSUBRO = 1 
IFSUBRO  { 
   backColor = #aaaaaa 
  } 
} 


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

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

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

# append Menu JS to page 
seite.11 = USER 
seite.11.userFunc = user_menu->menuEnd
```

Mein supereinfaches template:

```html
<html> 
<head> 
<title></title> 
</head> 
<body BGCOLOR="#AAAAAA"> 
<!-- ###DOKUMENT### begin --> 
<br> 
<TABLE BORDER="0" ALIGN="LEFT" CELLPADDING="0" CELLSPACING="0" WIDTH="900">
	<tr>
		<td>
		###MENU_MAIN### 
		</td>
	</tr>
	<br> 
	<tr>
		<TD ALIGN="CENTER">
      			<img src="fileadmin/gl/flowers.jpg" border="0" width="900">
    		</TD> 
	</tr>
	<tr>
		<td>
			###INHALT###
		</td>
	</tr>
</table>
<!-- ###DOKUMENT### end --> 
</body> 
</html>
```

Und mein css:

```css
/* GENERAL fonts */
P, OL, UL, DIV, H1, H2, H4, H5, H6 {
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
	font-size: 11px;
	color: #004A85;
}
P { line-height:16px}
TD#content UL { line-height:16px; padding-left: 25px; margin-left:0px;}
H1 {
	font-size: 16px;
	background-image: url(../images/underline.gif);
	background-repeat: no-repeat;
	background-position: left bottom ;
	padding-bottom: 3px;
}
 
H3 {
	font-size: 16px;
	background-image: url(../images/download.gif);
	background-repeat: no-repeat;
	background-position: left bottom ;
	padding-bottom: 3px;
}

H4 { font-size: 16px;}
H2 { font-size: 13px;}
P, H1, H2, H3 {margin: 0px 0px 5px 0px;}
H5 {margin: 30px 0px 0px 18px; font-size: 16px; color: #ffffff;}
H6 {margin: 0px 0px 0px 21px;  font-size: 10px; color: #ffffff; font-weight: bold;}

DIV#search {margin: 11px 0px 15px 10px; padding-bottom: 15px;}
.submit {float: left; }
/*background: url(../images/search.gif); background-repeat: no-repeat; width: 19px; height: 22px; border:0px;*/
.textbox {background-color:#ffffff; color:color:#004A85; border:1px solid #cccccc;}
.select {float: left; background-color:#ffffff; color:color:#004A85; border:1px solid #cccccc;}

body {
padding-left: 0px;
padding-top: 0px;
margin: 0px 0px 0px 0px; background-color: white;
}
/*	overflow: hidden; /* To suppress the vertical scrollbar for the whole page in IE */
	
.header_home { 
	width: 941px;
	height: 373px;
	background-color: #ffffff;
	float: left;
	margin:0;
	padding:0;
	z-index: 1;
}

.header_main { 
	width: 941px;
	height: 243px;
	background-color: #ffffff;
	float: left;
	margin:0;
	padding:0;
	z-index: 1;
}

DIV#topmenu {
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
	font-weight: bold;
	text-align: right;
	background-color: #ffffff;
	width: 941px;
	height: 25px;
	/*margin: 0px 0px 0px 0px;*/
	position: absolute;
	padding:0;
	margin: 5px 0px 0px -5px; 
	z-index: 1;
}
.logo span {
display: none;
}

.logo a {
	width:230px;
	height:67px;
	background-image: url(../images/sciworx_logo.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-position: 8px 15%;
	margin: 25px 0px 0px 0px;
	position: absolute;
	padding:0;
	z-index: 1;
	color: #000
}

DIV#menu_1 {
	width:711px;
	height:67px;
	background-color: #88A6C3;
	border-left: solid 1px #ffffff;
	margin: 25px 0px 0px 230px;
	position: absolute;
	padding:0;
	z-index: 2;
	visibility:hidden;
}

DIV#sitename_home {
	width: 230px;
	height: 280px;
	background-color: #004A85;
	border-top: solid 1px #ffffff;
	padding:0;
	margin: 92px 0px 0px 0px;
	position: absolute;
	z-index: 1;
}

DIV#sitename_main {
	width: 230px;
	height: 150px;
	background-color: #004A85;
	border-top: solid 1px #ffffff;
	padding:0;
	margin: 92px 0px 0px 0px;
	position: absolute;
	z-index: 1;
}

DIV#siteimage_home {
	width: 711px;
	height: 280px;
	background-color: #ffffff;
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	margin: 92px 0px 0px 230px;
	position: absolute;
	z-index: 1;
}

DIV#siteimage_main {
	width: 711px;
	height: 150px;
	background-color: #ffffff;
	/*background-image: url(../images/home.jpg);*/
	background-repeat: no-repeat;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	margin: 92px 0px 0px 230px;
	position: absolute;
	z-index: 1;
}

div#main { 
	width: 941px;
	height: auto;
	background-color: #ffffff;
	float: left;
	margin:0;
	padding:0;
	border-top: solid 1px #ffffff;
	z-index: 1;
}

TD#rootmenu {
	width: 691px;
	border-left: solid 1px #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 0px;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
}

TD#rootmenu A:link, A:visited, A:active {
	text-decoration: none;
	color:black;
}

TD#rootmenu A:hover {
	text-decoration: underline;
	color:white;
}

TD#content {
	width: 711px;
	vertical-align: top;
	border-left: solid 1px #ffffff;
}
.content { margin: 20px 20px 20px 25px; }

TD#content A:link, A:visited, A:active {
	text-decoration: none;
	color:black;
}

TD#content A:hover {
	text-decoration: underline;
	color:white;
}

TD#content_left {	
	vertical-align: top; 
	width: 210px;
	background-color: green;	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	height: 275px;
}

TD#content_left A:link, A:visited, A:active {
	text-decoration: none;
	color:white;
}

TD#content_left A:hover {
	text-decoration: underline;
}



DIV#footer { 
	width: 941px;
	height: 20px;
	background-color: #ffffff;
	padding-top: 2px;
	border-top: solid 2px #004A85;
	color: #004A85;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	float: left;
	margin-top: 3px;
}

DIV#footer A:link, A:visited, A:active {
	text-decoration: none;
	color:#004A85;
}

DIV#footer A:hover {
	text-decoration: underline;
	color:#004A85;
}
.tx-lastupdate-pi1 {
	float: left; margin: 0px 0px 0px 10px;
}

.imgtext-table {
	padding-top: 10px;
}


/* Menu 2 column */
TD#menu_2 {	
	vertical-align: top; 
	width: 230px;
	background-color: #EDF2F6;	
	padding-top: 10px;
	height: 300px;
}

TD#menu_2 DIV A {
	font-weight:bold;
	color: #011D65;
	text-decoration: none;
}

TD#menu_2 DIV A:hover {
	text-decoration: underline;
}

/*  MENU 2, level 1, normal state (NO) */
TD#menu_2 DIV.menu2-level1-no {
	font-size: 11px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(media/bullets/bullet1_h.gif);
	text-indent: 10px;
	border-bottom: 1px solid #ffffff;
/*border-bottom: 1px dotted #999999;background-color: #85A4C2;filter:alpha(opacity='70', style='0');	border-bottom: 1px solid #ffffff;
	 */
}

/*  MENU 2, level 1, active state (ACT) */
TD#menu_2 DIV.menu2-level1-act {
	font-weight:bold;
	font-size: 11px;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(media/bullets/bullet1_h.gif);
	border-bottom: 1px solid #ffffff;
	text-indent: 10px;
	/*background-color: #015BA2;filter:alpha(opacity='90', style='0')*/

}
TD#menu_2 DIV.menu2-level1-act A {
	color: #011D65;
}

/*  MENU 2, level 2, normal state (NO) */
TD#menu_2 DIV.menu2-level2-no {
	font-size: 10px;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
}

/*  MENU 2, level 2, active state (ACT) */
TD#menu_2 DIV.menu2-level2-act {
	font-size: 10px;
	font-weight:bold;
	padding-left:20px;
  	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	text-decoration: underline;
	background: url(media/bullets/bullet1_h.gif) no-repeat left 1px;
	
}

DIV#topmenu11 SPAN {

}

DIV#topmenu SPAN A {
	color:#011D65;
	text-decoration: none;
}

DIV#topmenu SPAN A:hover {
	text-decoration: underline;
}

/*  MENU 3, level 1, normal state (NO) */
DIV#topmenu SPAN.topmenu-no {
	font-size: 11px;
}

/*  MENU 3, level 1, active state (ACT) */
DIV#topmenu SPAN.topmenu-act {
	font-size: 11px;
	color:black;
}

DIV#topmenu SPAN.topmenu-act A {
	color:black;
	text-decoration: underline;
}



/**
 *Menu Styles
 */
 
.mmContent {
	font-size: 9px; 
	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: #DEF2FE;
	font-weight: bold;
	font-size: 9px;
	width: 150px;
	padding: 5px;
	text-decoration: none;
	border-bottom: solid 1px #011D65;
}

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

.mmContent li a:link {
	color: #011D65; 
}

.mmContent li a:visited { 
	color: #011D65; 
}

.mmContent li a:hover{ 
	background: #ffffff; 
	color: #011D65; 
}

.mmContent li a:active { 
	background: #ffffff; 
	color: #011D65; 
}

.mmContent li a.submenu {
	background: url(media/bullets/bullet1_h.gif) no-repeat right 1px; 
}

.mmContent li a.submenu:hover {
	background: #ffffff url(media/bullets/bullet1_h.gif) no-repeat right 1px; 
	color: #011D65;
}

/**
 *Menu Styles for our belove IE 5.01
 */

.mmContentb {
	font-size: 9px; 
	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;
	color: #DEF2FE;
	width: 150px;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: solid 1px #011D65;
}

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

.mmContentb li a:link { 
	background: #DEF2FE; 
	color: #011D65; 
}

.mmContentb li a:visited { 
	background: #DEF2FE; 
	color: #011D65; 
}

.mmContentb li a:hover{ 
	background: #ffffff; 
	color: #011D65; 
}

.mmContentb li a:active { 
	background: #ffffff; 
	color: #011D65; 
}

.mmContentb li a.submenu {
	background: url(media/bullets/bullet1_h.gif) no-repeat right 1px #DEF2FE;
}

.mmContentb li a.submenu:hover {
	background: #ffffff url(media/bullets/bullet1_h.gif) no-repeat right 1px; 
	color: #011D65;
}
```

Alle code-Schnipsel fein brav zusammengeklaut aus diesem thread oder den Seiten von Liberation, aber wahrscheinlich passt irgendetwas noch nicht zusammen.

Zudem habe ich noch die folgenden zwei Probleme:

1) Das Positioning der dropdown-Menüs stimmt nicht. Wenn ich es nur in der ypmenu.php ändere, reicht das für eine saubere Justierung nicht. Womit muss die Positionierung in der ypmenu.php zusammenpassen?

2) Das Timing der slidedowns und slideouts ist auch noch nicht wirklich gut. Irgendwie macht das Menü dem Betrachter noch nicht wirklich Spaß, da haut noch zuviel an der falschen Stelle/Zeit ab...

Kann mir jemand helfen?

Grüße,

Guido

### [#102](https://www.typo3.net/d/15065-wwwmeadede/102) · SilverBlue · 2005-04-03

> 2) Das Timing der slidedowns und slideouts ist auch noch nicht wirklich gut. Irgendwie macht das Menü dem Betrachter noch nicht wirklich Spaß, da haut noch zuviel an der falschen Stelle/Zeit ab...

Das Timing kannst du in der ypSlideOutMenus.js verändern. Einfach mal bei den 2 folgenden Einträgen mit den Werten spielen ;)

```typoscript
ypSlideOutMenu.aniLen = 
ypSlideOutMenu.hideDelay =
```

Wegen der Fehlenden Schrift musst du in dem TS nachgucken.
Ich hatte das Problem auch, habs aber hingekriegt.
Ich werd mir das TS von dir nachher genauer angucken...

---

Quelle: „www.meade.de“, typo3.net, https://www.typo3.net/d/15065-wwwmeadede
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.

Weiter: [Seite 2 von 2](https://www.typo3.net/d/15065-wwwmeadede.md?page=2)