#7

Re: Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block?

07.06.2006 22:57 Das ist wieder abgespackt, deswegen hab ich das nicht beschrieben, kann mir allerdings nicht erklären warum auf einmal nach der systemaktualisierung hat der das nicht mehr angezeigt! Sollte jemand wissen woran das liegen kann könnt ihr das ja mal hier posten.. Ansonsten scheiß drauf

#6

Re: Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block?

04.05.2006 08:58 Kannst du mal beschreiben, wie du es zum Funktionieren gebracht hast?

#5

Re: Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block?

13.04.2006 15:19 Habs jetzt glaub ich doch hinbekommen! Thx auf jedenfall und eben Thread Closed

#4

Re: Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block?

13.04.2006 15:04 so ich habs probiert der zeigt das menü auch in der seite an, aber macht den slide effect nicht und die tabellen submenüs stehen in einer Tabelle über dem eigentlichen Menü. Vielleicht weiß ja jemand was hier noch nicht richtig ist.hier der Blockquelltext:


<!-- Menu start -->
<!-- Begin SubMenu1 -->
<DIV id=menu1Container>
<DIV id=menu1Content>
<TABLE cellSpacing=0 cellPadding=0 width=142 border=0>
<TBODY>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu1')" onmouseout="ypSlideOutMenu.hideMenu('menu1')" vAlign=center align=left width=142 height=17><A href="http://simplythebest.net" class=Stil1> Info</A></TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu1')" onmouseout="ypSlideOutMenu.hideMenu('menu1')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://simplythebest.net/affiliates/"> - News </A></TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu1')" onmouseout="ypSlideOutMenu.hideMenu('menu1')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://simplythebest.net/scripts/categories.php?cid=2"> - About EP </A></TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu1')" onmouseout="ypSlideOutMenu.hideMenu('menu1')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://simplythebest.net/drivers/drivers.html"> - Locations </A></TD>
</TR>
</TBODY>
</TABLE>
</DIV></DIV>
<!-- End SubMenu1 -->
<!-- Begin SubMenu2 -->
<DIV id=menu2Container>
<DIV id=menu2Content>
<TABLE cellSpacing=0 cellPadding=0 width=142 border=0>
<TBODY>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu2')" onmouseout="ypSlideOutMenu.hideMenu('menu2')" vAlign=center align=left width=142 height=17>
<A href="http://planmagic.com" class=Stil1>Community</A></TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu2')" onmouseout="ypSlideOutMenu.hideMenu('menu2')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://planmagic.com"> - Home </A> </TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu2');ypSlideOutMenu.showMenu('menu21')" onmouseout="ypSlideOutMenu.hideMenu('menu2');ypSlideOutMenu.hideMenu('menu21')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://planmagic.com/products.html"> - neue Beiträge </A> </TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu2')" onmouseout="ypSlideOutMenu.hideMenu('menu2')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://planmagic.com/download.html"> - Gästebuch </A> </TD>
</TR>
</TBODY>
</TABLE>
</DIV></DIV>
<!-- End SubMenu2 -->
<!-- Begin SubMenu3 -->
<DIV id=menu3Container>
<DIV id=menu3Content>
<TABLE cellSpacing=0 cellPadding=0 width=142 border=0>
<TBODY>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu3')" onmouseout="ypSlideOutMenu.hideMenu('menu3')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://planmagic.com"> <SPAN class=menuhead>Media</SPAN></A></TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu3')" onmouseout="ypSlideOutMenu.hideMenu('menu3')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://planmagic.com"> - Pictures </A></TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu3')" onmouseout="ypSlideOutMenu.hideMenu('menu3')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://planmagic.com"> - Music </A>
</TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu3')" onmouseout="ypSlideOutMenu.hideMenu('menu3')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://planmagic.com"> - Video </A>
</TD>
</TR>
<TR>
<TD onmouseover="ypSlideOutMenu.showMenu('menu3')" onmouseout="ypSlideOutMenu.hideMenu('menu3')" vAlign=center align=left width=142 height=17>
<A class=rollmenu href="http://planmagic.com"> - Software </A>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV></DIV>
<!-- End SubMenu3 -->
<!-- Begin SubMenu4 -->
<DIV id=menu4Container>
<DIV id=menu4Content>
<table cellspacing="0" cellpadding="0" width="142" border="0">
<tbody>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu4')" onmouseout="ypSlideOutMenu.hideMenu('menu4')" valign="center" align="left" width="142" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/">&nbsp;<span class="menuhead">Artists</span></a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu4')" onmouseout="ypSlideOutMenu.hideMenu('menu4')" valign="center" align="left" width="142" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/design.htm">&nbsp;- Home </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu4')" onmouseout="ypSlideOutMenu.hideMenu('menu4')" valign="center" align="left" width="142" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/marketing.htm">&nbsp;- Charts Germany </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu4')" onmouseout="ypSlideOutMenu.hideMenu('menu4')" valign="center" align="left" width="142" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/promotion.htm">&nbsp;- Charts Worldwide </a></td>
</tr>
</tbody>
</table>
</DIV></DIV>
<!-- End SubMenu4 -->
<!-- Begin SubMenu5 -->
<DIV id=menu5Container>
<DIV id=menu5Content>
<table cellspacing="0" cellpadding="0" width="141" border="0">
<tbody>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/">&nbsp;<span class="Stil2">Shop</span></a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/design.htm">&nbsp;- Music </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/marketing.htm">&nbsp;- Clothes </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/promotion.htm">&nbsp;- Party Equipment </a></td>
</tr>
</tbody>
</table>
<table width="141" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/promotion.htm">&nbsp;- Ringtones </a></td>
</tr>
</tbody>
</table>
</DIV></DIV>
<!-- End SubMenu5 -->
<!-- Begin SubMenu6 -->
<DIV id=menu6Container>
<DIV id=menu6Content>
<table cellspacing="0" cellpadding="0" width="141" border="0">
<tbody>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/">&nbsp;<span class="menuhead">Chat</span></a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/design.htm">&nbsp;- Chatten </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/marketing.htm">&nbsp;- Registrieren </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="141" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/promotion.htm">&nbsp;- MIRC downloaden </a></td>
</tr>
</tbody>
</table>
</DIV></DIV>
<!-- End SubMenu6 -->
<!-- Begin SubMenu7 -->
<DIV id=menu7Container>
<DIV id=menu7Content>
<table cellspacing="0" cellpadding="0" width="139" border="0">
<tbody>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="139" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/">&nbsp;<span class="menuhead">Services</span></a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="139" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/design.htm">&nbsp;- Support </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="139" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/marketing.htm">&nbsp;- Kartenvorverkauf </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="139" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/promotion.htm">&nbsp;- 1&1 Produkte </a></td>
</tr>
</tbody>
</table>
<table width="138" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="138" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/promotion.htm">&nbsp;- Gewinnspiele </a></td>
</tr>
</tbody>
</table>
<table width="138" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="138" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/promotion.htm">&nbsp;- Fun Center </a></td>
</tr>
</tbody>
</table>
</DIV></DIV>
<!-- End SubMenu7 -->
<!-- Begin SubMenu8 -->
<DIV id=menu8Container>
<DIV id=menu8Content>
<table cellspacing="0" cellpadding="0" width="140" border="0">
<tbody>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="140" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/">&nbsp;<span class="menuhead">Webdesign</span></a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="140" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/design.htm">&nbsp;- Home </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="140" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/marketing.htm">&nbsp;- Beispiele </a></td>
</tr>
<tr>
<td onmouseover="ypSlideOutMenu.showMenu('menu5')" onmouseout="ypSlideOutMenu.hideMenu('menu5')" valign="center" align="left" width="140" height="17"><a class="rollmenu" href="http://simplythebest.net/web_builder/promotion.htm">&nbsp;- Preise </a></td>
</tr>
</tbody>
</table>
</DIV></DIV>
<!-- End SubMenu8 -->
<!-- End Menu -->

<!-- Rollover buttons -->
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR vAlign=top>
<TD width=158>
<P><A onmouseover="swapImage('Button1','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu1');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu1');" href="http://simplythebest.net">
<IMG height=27 src="{X_SITEURL}themes/Eclipse_2/images/button_info.gif" width=125 border=0 name=Button1></A><BR>
<A onmouseover="swapImage('Button2','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu2');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu2');" href="http://planmagic.com">
<IMG height=27 src="{X_SITEURL}themes/Eclipse_2/images/button_info.gif" width=125 border=0 name=Button2></A><BR>
<A onmouseover="swapImage('Button3','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu3');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu3');" href="http://planmagic.com">
<IMG height=27 src="images/button_info.gif" width=125 border=0 name=Button3></A><BR>
<A onmouseover="swapImage('Button4','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu4');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu4');" href="http://simplythebest.net/web_builder/">
<IMG height=27 src="{X_SITEURL}themes/Eclipse_2/images/button_info.gif" width=125 border=0 name=Button4></A><BR>
<A onmouseover="swapImage('Button5','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu5');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu5');" href="http://simplythebest.net/web_builder/">
<IMG height=27 src="{X_SITEURL}themes/Eclipse_2/images/button_info.gif" width=125 border=0 name=Button5></A><BR>
<A onmouseover="swapImage('Button6','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu6');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu6');" href="http://simplythebest.net/web_builder/">
<IMG height=27 src="{X_SITEURL}themes/Eclipse_2/images/button_info.gif" width=125 border=0 name=Button6></A><BR>
<A onmouseover="swapImage('Button7','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu7');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu7');" href="http://simplythebest.net/web_builder/">
<IMG height=27 src="{X_SITEURL}themes/Eclipse_2/images/button_info.gif" width=125 border=0 name=Button7></A><BR>
<A onmouseover="swapImage('Button8','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu8');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu8');" href="http://simplythebest.net/web_builder/">
<IMG height=27 src="{X_SITEURL}themes/Eclipse_2/images/button_info.gif" width=125 border=0 name=Button8></A><BR>
<A onmouseover="swapImage('Button9','','{X_SITEURL}themes/Eclipse_2/images/button_info.gif',1);ypSlideOutMenu.showMenu('menu9');" onmouseout="swapImgRestore();ypSlideOutMenu.hideMenu('menu9');" href="http://simplythebest.net/web_builder/">
<IMG height=27 src="{X_SITEURL}themes/Eclipse_2/images/button_info.gif" width=125 border=0 name=Button9></A><BR>
</TD>
</TR></TBODY></TABLE>
<!-- End Rollover buttons -->

#3

Re: Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block?

13.04.2006 12:07 ja danke erstma das probier ich nachher mal aus und ich nutze multimenu, aber ich bekomm da den slide out effect nicht hin!

#2

Re: Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block?

13.04.2006 00:14 wie hast du es denn bisher eingebunden, das es nicht klappt?

Normalerweise würde ich hier das script im head des themes (theme.html) einbinden wie es in deinem html file auch ist, body onload-Teil nicht vergessen und das menu (<!-- Menu start --> bis ende in deinem Quelltext) in einen Block typ html packen, auf Pfadangaben des scripts bzw. im script etc. achten und prüfen, fertig.


Schon mal MultiMenu ausprobiert?

gruss

#1

Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block?

12.04.2006 19:11 Also ich habe ein Java Script Slide In Slide out menü gefunden und ich wollte die irgendwie als Block machen. Es will aber nicht klappen! Kann mir vielleicht jemand helfen?

Hier ist das Menü:

http://www.ec-promo.de/test_area/nmenu/menu.html

Naja wie gesagt wäre nett wenn mich da jemand unterstützen könnte!