ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Slide Menü

Geschlossen
  1. #1
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    moin

    ich wollte auch so ein slidemenü baue so wie es auf der linken seite ist wie bei
    externer Link

    hab da ja schon angefangen mit und läuft auch prima bist auf das es nit mit scrollt

    könnt ihr mir da helfen ?



    habt ihr eine besserre idee ? weil ich habe den code von hier externer Link


    verwendete ilchClan Version: 1.1

    betroffene Homepage: mvn050.mv.funpic.de


    nur eine testseite mvn050.mv.funpic.de/


    Zuletzt modifiziert von MVN050 am 29.05.2009 - 21:43:38
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    keiner eine idee?
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    poste doch mal den code hier zwinker
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    index.htm


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head><title>{TITLE}</title>
    <link href="include/designs/STS-Clan/style.css" type="text/css" rel="stylesheet" /><link href="style.css" rel="stylesheet" type="text/css" />
    
    
    
    
    
    
    
    
    <script language="JavaScript1.2" src="include/designs/STS-Clan/ssm.js" type="text/javascript"></script>
    <SCRIPT language="JavaScript1.2">
    <!--
    
    startMenu("Allgemein", 
    "STS-Clan Navigator");
    addExItem("Forum", " ?forum");
    addExItem("News", " ?news");
    addExItem("Mitglieder", " ?user");
    addExItem("Impressum", " ?impressum");
    
    addHdr(" Medien ");
    addExItem("Gallery", " ?gallery");
    addExItem("Videos", " ?Videos");
    addExItem("Gästebuch", " ?gbook");
    addExItem("Gallery Upload", " ?galleryupl");
    addExItem("Downloads", " ?downloads");
    
    addHdr(" Clan Menü ");
    addExItem("Claninfo", " ?claninfo");
    addExItem("Regeln", " ?rules");	
    addExItem("Teams", " ?teams");
    	
    endMenu();
    //-->
    </SCRIPT>
    
    
    </head>
    
    
    
    
    
    
    
    
    <body background-color="tarnsparent" onload="MM_preloadImages('bilder/loa_01_vmenu_v_01.jpg','bilder/loa_01_vmenu_v_02.jpg','bilder/loa_01_vmenu_v_03.jpg','bilder/loa_01_vmenu_v_04.jpg','bilder/loa_01_vmenu_v_05.jpg','bilder/loa_01_vmenu_v_06.jpg','bilder/loa_01_vmenu_v_07.jpg')" bottommargin="0" topmargin="0"><div align="center"><table style="text-align: left; width: 1180px; height: 500px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="text-align: center; vertical-align: bottom;" iframe="chat.php" background="include/designs/STS-Clan/bilder/header.gif"><table style="width: 590px; height: 50px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="height: 15px;" background="include/designs/STS-Clan/bilder/menuebg0.png"></td><td background="include/designs/STS-Clan/bilder/menuebg0.png"></td></tr><tr class="menu2"><td class="menu1" style="vertical-align: top; width: 290px; height: 50px;"><span class="bcontent"></span><div style="text-align: center;"><span class="bcontent"></span><span class="bcontent"><br /></span><span class="bcontent"></span><span class="bcontent"><big><big><big><php title="&amp;lt;?php # Noch nicht getestet srand ((double)microtime() * 1000000); $eingabe[0] = &amp;amp;amp;quot;kaese.swf&amp;amp;amp;quot;; $eingabe[1] = &amp;amp;amp;quot;kaese.swf&amp;amp;amp;quot;; $zufallsauswahl=rand(0,count($eingabe)); $ausgabe=$eingabe[$zufallsauswahl]; echo '&amp;lt;embed src=&amp;amp;amp;quot;'.$ausgabe.'&amp;amp;amp;quot; menu=&amp;amp;amp;quot;false&amp;amp;amp;quot; quality=&amp;amp;amp;quot;high&amp;amp;amp;quot; wmode=&amp;amp;amp;quot;transparent&amp;amp;amp;quot; width=&amp;amp;amp;quot;650&amp;amp;amp;quot; height=&amp;amp;amp;quot;450&amp;amp;amp;quot; type=&amp;amp;amp;quot;application/x-shockwave-flash&amp;amp;amp;quot; pluginspage=&amp;amp;amp;quot;http://www.macromedia.com/go/getflashplayer&amp;amp;amp;quot; /&amp;gt;'; ?&amp;gt; "></php></big></big></big></span><span class="bcontent"><big><big><big>Next Wars</big></big></big><br /></span><span class="bcontent"></span><span class="bcontent">{_boxes_nextwars}</span><br /></div></td>
    <td style="text-align: center; vertical-align: top; width: 290px; height: 50px;" class="menu2"><big><big><big>Wars</big></big></big><br />
    {_boxes_lastwars}</td>
    </tr></tbody></table></td></tr></tbody></table><table style="text-align: left; width: 1180px; height: 10px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="text-align: left; font-size: 15px; height: 10px;" background="include/designs/STS-Clan/bilder/menuebg0.png"><br /></td><td background="include/designs/STS-Clan/bilder/menuebg0.png"></td><td background="include/designs/STS-Clan/bilder/menuebg0.png"></td><td background="include/designs/STS-Clan/bilder/menuebg0.png"></td></tr></tbody></table><table style="text-align: left; width: 1180px; height: 10px;" cellpadding="20" cellspacing="0"><tbody><tr><td style="vertical-align: top; width: 25%; height: 100px;" class="menu3"><div style="text-align: center;"><big style="font-weight: bold; color: rgb(0, 0, 0);"><big><big>Forum</big></big></big><br /></div><br />{_boxes_lastforum}</td><td style="vertical-align: top; width: 25%; height: 150px;" class="menu4"><div style="text-align: center;"><big style="font-weight: bold; color: rgb(0, 0, 0);"><big><big>News</big></big></big><br /></div><br />{_boxes_lastnews}</td><td style="vertical-align: top; width: 25%; height: 100px;" class="menu5"><div style="text-align: center;"><big style="font-weight: bold; color: rgb(0, 0, 0);"><big><big>Umfrage</big></big></big><br /></div><br />{_boxes_vote}</td><td style="vertical-align: top; width: 25%; height: 100px;" class="menu6"><div style="text-align: center;"><big style="font-weight: bold; color: rgb(0, 0, 0);"><big><big>Downloads</big></big></big><br /></div><br />{_boxes_download}</td></tr></tbody></table><table style="width: 1180px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="height: 100px; width: 1180px; text-align: center;" background="include/designs/STS-Clan/bilder/menuebg.png">{_boxes_ticker}</td></tr></tbody></table><table style="text-align: left; width: 1180px; height: 215px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="width: 20px;" background="include/designs/STS-Clan/bilder/bg1.jpg"></td><td style="vertical-align: top; height: 50px; width: 195px;"><table style="width: 198px; height: 160px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="height: 1px;">{_list_menunr1@</td></tr><tr><td style="height: 53px; text-align: center; width: 190px;" class="navleft" font-weight="" bold=""><strong><br /><big><big style="font-weight: bold;"><big><big>%1</big></big></big></big></strong></td></tr><tr align="left"> <td style="vertical-align: middle; width: 195px; text-align: left;" class="navbg" background="include/designs/STS-Clan/bilder/nav1.jpg"><big>%2</big>}</td></tr></tbody></table></td>
    <td style="width: 20px;" background="include/designs/STS-Clan/bilder/bgright.jpg"></td><td style="vertical-align: top; width: 400px;" class="explode"><table style="width: 691px; height: 111px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="15" cellspacing="0"><tbody><tr align="center"><td style="vertical-align: top; width: 100%;"><big><big><big><span style="color: rgb(0, 0, 153);" class="title">{HMENU}</span></big></big></big><br /><br /><div style="text-align: left;">{EXPLODE}</div></td></tr>
    </tbody></table><br /></td><td style="width: 20px;" background="include/designs/STS-Clan/bilder/bgright.jpg"></td><td style="vertical-align: top; height: 50px; width: 195px;"><table style="width: 195px; height: 160px; text-align: left; margin-left: auto; margin-right: 0px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="height: 1px;">{_list_menunr2@</td></tr><tr><td style="height: 53px; text-align: center; width: 190px;" class="navleft" font-weight="" bold=""><strong><br /><big><big style="font-weight: bold;"><big><big>%1</big></big></big></big></strong></td>
    </tr><tr align="left"><td style="vertical-align: middle; width: 195px;" class="navbg" background="include/designs/STS-Clan/bilder/nav1.jpg"><big><big>%2</big></big>}</td></tr></tbody></table></td>
    <td style="width: 20px;" background="include/designs/STS-Clan/bilder/bg1.jpg"></td></tr></tbody></table><table style="width: 1000px;" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td><a href="http://web61.server101.rhs-it.de/"><img src="include/designs/STS-Clan/bilder/loa_01_20.jpg" alt="" usemap="#Map" style="border: 0px solid ; width: 1180px; height: 76px;" /></a></td></tr></tbody></table></div>{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>||}
    {_list_hmenubegi@<ul>} {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
    {_list_vmenubegi@} {_list_vmenuende@}
    </body></html>



    ssm.js


    
    
    
    
    hdrBGColor="#FFFFFF";
    barBGColor="#FFFFFF";
    menuBGColor="#000000";
    linkBGColor="#COCOCO";
    hdrFontFamily="Verdana";
    hdrFontSize="1";
    hdrFontColor="#000000";
    linkOverBGColor="#CCCCCC";
    linkTarget="_self";
    	   
    YOffset=0;
    staticYOffset=51;
    slideSpeed=1;
    waitTime=100;
    menuIsStatic="yes";
    menuWidth=150;        
    hdrAlign="left";
    hdrVAlign="center";
    hdrHeight="6";
    linkFontFamily="Verdana, Arial, Helvetica, sans-serif";
    linkFontSize="1";
    linkAlign="left";        
    barFontFamily="Verdana, Arial, Helvetica, sans-serif";
    barFontSize="1";
    barFontColor="#000000";
    barVAlign="center";
    barWidth=12;
    
    
    YOffset=0; // no quotes!!
    staticYOffset=20; // no quotes!!
    slideSpeed=20 // no quotes!!
    waitTime=1; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
    hdrFontFamily="Verdana";
    hdrFontSize="3";
    hdrFontColor="white";
    hdrBGColor="#170088";
    hdrAlign="right";
    hdrVAlign="center";
    hdrHeight="20";
    linkFontFamily="Verdana";
    linkFontSize="2";
    linkBGColor="#000000";
    linkOverBGColor="#222222";
    linkTarget="_self";
    linkAlign="left";
    menuBGColor="white";
    menuIsStatic="yes";
    menuWidth=110; // Must be a multiple of 10! no quotes!!
    barBGColor="#444444";
    barFontFamily="Verdana";
    barFontSize="2";
    barFontColor="white";
    barVAlign="top";
    barWidth=20; // no quotes!!
    
    NS6 = (document.getElementById&&!document.all)
    IE = (document.all)
    NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
    
    moving=setTimeout('null',1)
    function moveOut() {
    if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) {
    clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed)
    if (NS6) {ssm.left = parseInt(ssm.left)+10+"px";}
    if (IE) {ssm.style.pixelLeft += 10;}
    if (NS) {document.ssm.left += 10;}}
    else {clearTimeout(moving);moving=setTimeout('null',1)}};
    function moveBack() {
    clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
    function moveBack1() {
    if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) {
    clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);
    if (NS6) {ssm.left = parseInt(ssm.left)-10+"px";}
    if (IE) {ssm.style.pixelLeft -= 10;}
    if (NS) {document.ssm.left -= 10;}}
    else {clearTimeout(moving);moving=setTimeout('null',1)}};
    
    lastY = 0;
    function makeStatic() {
    if (NS6) {winY = window.pageYOffset;}
    if (IE) {winY = document.body.scrollTop;var NM=document.all('ssm').style}
    if (NS) {winY = window.pageYOffset;var NM=document.ssm}
    if (NS6||IE||NS) {
    if (winY!=lastY&&winY>YOffset-staticYOffset) {
    smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
    else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
    smooth = .2 * (winY - lastY);}
    else {smooth=0}
    if(smooth > 0) smooth = Math.ceil(smooth);
    else smooth = Math.floor(smooth);
    if (NS6) ssm.top=parseInt(ssm.top)+smooth+"px"
    if (IE) NM.pixelTop+=smooth;
    if (NS) NM.top+=smooth;
    lastY = lastY+smooth;
    setTimeout('makeStatic()', 1)}}
    
    function initSlide() {
    if (NS6){
    ssm=document.getElementById("ssm").style
    ssm.visibility="visible";
    ssm.left = -menuWidth;}
    else if (IE) {
    ssm.style.visibility = "visible"
    ssm.style.pixelLeft = -menuWidth;}
    else if (NS) {
    document.ssm.left = -menuWidth;
    document.ssm.visibility = "show"}
    if (menuIsStatic=="no") makeStatic();}
    
    function startMenu(menuHeader, barText) {
    if (IE||NS6) {document.write('<DIV ID="ssm" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+' ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}
    if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}
    if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
    tempBar=""
    for (i=0;i<barText.length;i++) {
    tempBar+=barText.substring(i, i+1)+"<BR>"}
    document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+(menuWidth-1)+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'">&nbsp;<font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')}
    
    function addItem(text, link, target) {
    if (!target) {target=linkTarget}
    document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'">&nbsp;<A HREF="'+link+'" CLASS="ssmItems" target="_self">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}
    
    function addExItem(text, link, target) {
    if (!target) {target=linkTarget}
    document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'">&nbsp;<A HREF="'+link+'" target="_self" CLASS="ssmItems">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}
    
    function addExPic(text, link, target) {
    if (!target) {target=linkTarget}
    document.write('<TR><TD cellpadding="2" BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV  ALIGN="'+linkAlign+'">&nbsp;<A HREF="'+link+'" target="_self" CLASS="ssmItems"><img src="'+text+'" border="0"></A></DIV></LAYER></ILAYER></TD></TR>')}
    
    function addHdr(text) {
    document.write('<tr><td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+(menuWidth-1)+'">&nbsp;<font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}
    
    function endMenu() {
    document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial">&nbsp;</font></td></TR></table>')
    if (NS6){document.write('</TD></TR></TABLE>')}
    if (IE||NS6) {document.write('</DIV>')}
    if (NS) {document.write('</LAYER>')}
    if (NS6||IE||NS) setTimeout('initSlide();', 100)}
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    nimm dieses dropdown. mit dem ist es einfach. hab ich auch damals genommen

    externer Link
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten