| Re: Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block? |
Betreff: Re: Vertical Slide In Slide Out Menü! Wie bekomm ich das in einen Block? von ReDie am 13.04.2006 15:04:34 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/"> <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"> - 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"> - 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"> - 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/"> <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"> - 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"> - 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"> - 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"> - 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/"> <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"> - 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"> - 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"> - 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/"> <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"> - 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"> - 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"> - 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"> - 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"> - 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/"> <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"> - 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"> - 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"> - 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 --> |
