Scrollen mit dem Coolmenus ???????


  • devildevil
  • 1377 Aufrufe 6 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Scrollen mit dem Coolmenus ???????

    hallo,
    wer kann mir weiterhelfen?
    in dem menü möchte ich gerne,das es mitscrollt.
    ich bekomme es einfach nicht hin.

    also das obere geht ja,aber das untere soll auch mitscrollen.
    was muss ich da noch in den quelltext reinschreiben???
    wer kann mir dabei helfen?
    vielen dank schon mal

    ich schicke mal eine testversion mit.

    wie kann ich hier das java menü mit hochladen???????

    hier ist der link dazu

    htec.gimyweb.de/Downloads/test.rar

  • hey

    vllt nen kleiner einfacherer und freundlicherer versuch.
    du packst die ganze navi in eine div box mit den css eigenschaften:

    Quellcode

    1. position: fixed;
    2. top: [b]x[/b]px


    ´gruß
    [size=1][FONT="Courier New"]###############_###_####_
    #_ __ #___ _ _| |_(_)__(_)__ _ _ _###############new uploads: [1] [2] [3] [4] [5] [6] [7] [8]
    |#'##\/ _ \ '_|##_| / _| / _` | ' \
    |_|_|_\___/_|##\__|_\__|_\__,_|_||_|###############Bis 28. Sept. weg[/FONT][/size]

  • hey
    form html bereich der kompletten navi fogendes:

    HTML-Quellcode

    1. <div style="position: fixed; top: xpx;">
    2. [NAVIBEREICH]
    3. </div>


    [NAVIBEREICH] is dann der Teil dnier Navi...
    und fuer top: xpx gibst du für x die Pixelanzahl vom Abstand nach oben an.

    ´gruß
    [size=1][FONT="Courier New"]###############_###_####_
    #_ __ #___ _ _| |_(_)__(_)__ _ _ _###############new uploads: [1] [2] [3] [4] [5] [6] [7] [8]
    |#'##\/ _ \ '_|##_| / _| / _` | ' \
    |_|_|_\___/_|##\__|_\__|_\__,_|_||_|###############Bis 28. Sept. weg[/FONT][/size]

  • siht jetzt so aus.
    aber das linke menü bleibt nicht stehen beim scrollen??????


    <div style="position: fixed; top: 68px;">
    [NAVIBEREICH]
    </div>
    <html>
    <head>
    <title>Coolmenus example - CoolMenus3 DHTML script made by Thomas Brattli from DHTMLCentral.com. Visit for more great scripts.</title>
    <style>
    /* CoolMenus 4 - default styles - do not edit */
    .clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible}
    .clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
    /* CoolMenus 4 - default styles - end */

    /* MENU NUMBER 1 */

    /*Style for the background-bar*/
    .clBar{position:absolute; width:10; height:10; background-color:#FF9900; layer-background-color:#FF9900; visibility:hidden}

    /*Styles for level 0*/
    .clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
    .clLevel0{color:#336699;}
    .clLevel0over{background-color:#336699; layer-background-color:#336699; color:#FF9900; cursor:pointer; cursor:hand; }

    /*Styles for level 1*/
    .clLevel1, .clLevel1over{position:absolute; width:180; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
    .clLevel1{background-color:#FF9900; layer-background-color:#FF9900; color:#336699;}
    .clLevel1over{background-color:#336699; layer-background-color:#336699; color:#FF9900; cursor:pointer; cursor:hand; }
    .clLevel1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

    /* MENU NUMBER 2 */
    /*Style for the background-bar*/
    .cl2Bar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:Navy; visibility:hidden}

    /*Styles for level 0*/
    .cl2Level0,.cl2Level0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
    .cl2Level0{background-color:Navy; layer-background-color:Navy; color:white;}
    .cl2Level0over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
    .cl2Level0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

    /*Styles for level 1*/
    .cl2Level1, .cl2Level1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
    .cl2Level1{background-color:Navy; layer-background-color:Navy; color:white;}
    .cl2Level1over{background-color:#336699; layer-background-color:#336699; color:Yellow; cursor:pointer; cursor:hand; }
    .cl2Level1border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}


    </style>
    <script language="JavaScript1.2" src="coolmenus4.js">
    /*****************************************************************************
    Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)

    DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
    Version 4.0_beta
    This script can be used freely as long as all copyright messages are
    intact.

    Extra info - Coolmenus reference/help - Extra links to help files ****
    CSS help: 192.168.1.31/projects/coolmenus/reference.asp?m=37
    General: coolmenus.dhtmlcentral.com/reference.asp?m=35
    Menu properties: coolmenus.dhtmlcentral.com/properties.asp?m=47
    Level properties: coolmenus.dhtmlcentral.com/properties.asp?m=48
    Background bar properties: coolmenus.dhtmlcentral.com/properties.asp?m=49
    Item properties: coolmenus.dhtmlcentral.com/properties.asp?m=50
    ******************************************************************************/
    </script>
    <script language="JavaScript1.2" src="cm_addins.js"></script>
    </head>
    <body>
    <script>
    /******************* MENU NUMBER 1 **********************************/

    /***
    This is the menu creation code - place it right after you body tag
    Feel free to add this to a stand-alone js file and link it to your page.
    **/

    //Menu object creation
    oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname

    //Menu properties
    oCMenu.pxBetween=30
    oCMenu.fromLeft=10
    oCMenu.fromTop=50
    oCMenu.rows=0
    oCMenu.menuPlacement=0

    oCMenu.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
    oCMenu.onlineRoot=""
    oCMenu.resizeCheck=1
    oCMenu.wait=1000
    oCMenu.fillImg="cm_fill.gif"
    oCMenu.zIndex=0

    //Background bar properties
    oCMenu.useBar=1
    oCMenu.barWidth="menu"
    oCMenu.barHeight="menu"
    oCMenu.barClass="clBar"
    oCMenu.barX="menu"
    oCMenu.barY="menu"
    oCMenu.barBorderX=0
    oCMenu.barBorderY=0
    oCMenu.barBorderClass=""

    //Level properties - ALL properties have to be spesified in level 0
    oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
    oCMenu.level[0].width=120
    oCMenu.level[0].height=25
    oCMenu.level[0].regClass="clLevel0"
    oCMenu.level[0].overClass="clLevel0over"
    oCMenu.level[0].borderX=0
    oCMenu.level[0].borderY=0
    oCMenu.level[0].borderClass=0
    oCMenu.level[0].offsetX=0
    oCMenu.level[0].offsetY=0
    oCMenu.level[0].rows=1
    oCMenu.level[0].align="right"


    //EXAMPLE SUB LEVEL[1] PROPERTIES - You have to spesify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
    oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
    oCMenu.level[1].width=oCMenu.level[0].width-2
    oCMenu.level[1].height=22
    oCMenu.level[1].regClass="clLevel1"
    oCMenu.level[1].overClass="clLevel1over"
    oCMenu.level[1].style=""
    oCMenu.level[1].align="right"
    oCMenu.level[1].offsetX=0
    oCMenu.level[1].offsetY=0
    oCMenu.level[1].borderClass="clLevel1border"
    oCMenu.level[1].borderX=1
    oCMenu.level[1].borderY=1
    oCMenu.level[1].rows=0
    oCMenu.level[1].align="bottom"

    /******************************************
    Menu item creation:
    myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
    *************************************/
    oCMenu.makeMenu('top0','','<b>&nbsp;News</b>','/news/index.asp')
    oCMenu.makeMenu('sub00','top0','Newest news','/news/index.asp')
    oCMenu.makeMenu('sub001','sub00','- New DHTML API released','','',180,0)
    oCMenu.makeMenu('sub002','sub00','- Explorer 7 is out','','',180,0)
    oCMenu.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',180,0)
    oCMenu.makeMenu('sub01','top0','News archive','/news/archive.asp')

    oCMenu.makeMenu('top1','','&nbsp;Scripts','/scripts/index.asp')
    oCMenu.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
    oCMenu.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
    oCMenu.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')

    oCMenu.makeMenu('top2','','&nbsp;Articles','/articles/index.asp')
    oCMenu.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
    oCMenu.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
    oCMenu.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
    oCMenu.makeMenu('sub22','top2','Other articles','/articles/index.asp')
    oCMenu.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
    oCMenu.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')

    oCMenu.makeMenu('top3','','&nbsp;Forums','/forums/')
    oCMenu.makeMenu('sub30','top3','General','/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')
    oCMenu.makeMenu('sub31','top3','Scripts','/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')
    oCMenu.makeMenu('sub32','top3','Crossbrowser','/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')
    oCMenu.makeMenu('sub33','top3','CoolMenus','/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')
    oCMenu.makeMenu('sub34','top3','dhtmlcentral.com','/forums/forum.asp?FORUM_ID=5&CAT_ID=1&Forum_Title=dhtmlcentral%2Ecom')
    oCMenu.makeMenu('sub35','top3','Cool sites','/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')


    //Leave this line - it constructs the menu
    oCMenu.construct()



    /******************* MENU NUMBER 2 **********************************/



    /***
    This is the menu creation code - place it right after you body tag
    Feel free to add this to a stand-alone js file and link it to your page.
    **/

    //Menu object creation
    oCMenu2=new makeCM("oCMenu2") //Making the menu object. Argument: menuname

    //Menu properties
    oCMenu2.pxBetween=30
    oCMenu2.fromLeft=20
    oCMenu2.fromTop=0
    oCMenu2.rows=1
    oCMenu2.menuPlacement="center"

    oCMenu2.offlineRoot="file:///C|/Inetpub/wwwroot/dhtmlcentral/"
    oCMenu2.onlineRoot="/coolmenus/"
    oCMenu2.resizeCheck=1
    oCMenu2.wait=1000
    oCMenu2.fillImg="cm_fill.gif"
    oCMenu2.zIndex=0

    //Background bar properties
    oCMenu2.useBar=1
    oCMenu2.barWidth="100%"
    oCMenu2.barHeight="menu"
    oCMenu2.barClass="cl2Bar"
    oCMenu2.barX=0
    oCMenu2.barY=0
    oCMenu2.barBorderX=0
    oCMenu2.barBorderY=0
    oCMenu2.barBorderClass=""

    //Level properties - ALL properties have to be spesified in level 0
    oCMenu2.level[0]=new cm_makeLevel() //Add this for each new level
    oCMenu2.level[0].width=110
    oCMenu2.level[0].height=25
    oCMenu2.level[0].regClass="cl2Level0"
    oCMenu2.level[0].overClass="cl2Level0over"
    oCMenu2.level[0].borderX=1
    oCMenu2.level[0].borderY=1
    oCMenu2.level[0].borderClass="cl2Level0border"
    oCMenu2.level[0].offsetX=0
    oCMenu2.level[0].offsetY=0
    oCMenu2.level[0].rows=0
    oCMenu2.level[0].arrow=0
    oCMenu2.level[0].arrowWidth=0
    oCMenu2.level[0].arrowHeight=0
    oCMenu2.level[0].align="bottom"


    //EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
    oCMenu2.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
    oCMenu2.level[1].width=oCMenu2.level[0].width-2
    oCMenu2.level[1].height=22
    oCMenu2.level[1].regClass="cl2Level1"
    oCMenu2.level[1].overClass="cl2Level1over"
    oCMenu2.level[1].borderX=1
    oCMenu2.level[1].borderY=1
    oCMenu2.level[1].align="right"
    oCMenu2.level[1].offsetX=-(oCMenu2.level[0].width-2)/2+20
    oCMenu2.level[1].offsetY=0
    oCMenu2.level[1].borderClass="cl2Level1border"


    /******************************************
    Menu item creation:
    myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
    *************************************/
    oCMenu2.makeMenu('top0','','&nbsp;News','example2.html','')
    oCMenu2.makeMenu('sub00','top0','Newest news','/news/index.asp')
    oCMenu2.makeMenu('sub001','sub00','- New DHTML API released','','',160,0)
    oCMenu2.makeMenu('sub002','sub00','- Explorer 7 is out','','',160,0)
    oCMenu2.makeMenu('sub003','sub00','- Opera 6 supports innerHTML','','',160,0)
    oCMenu2.makeMenu('sub01','top0','News archive','/news/archive.asp')

    oCMenu2.makeMenu('top1','','&nbsp;Scripts','/scripts/index.asp')
    oCMenu2.makeMenu('sub10','top1','New scripts','/scripts/index.asp?show=new')
    oCMenu2.makeMenu('sub11','top1','All scripts','/scripts/index.asp?show=all')
    oCMenu2.makeMenu('sub12','top1','Popular scripts','/scripts/index.asp?show=pop')

    oCMenu2.makeMenu('top2','','&nbsp;Articles','/articles/index.asp')
    oCMenu2.makeMenu('sub21','top2','Tutorials','/tutorials/index.asp')
    oCMenu2.makeMenu('sub210','sub21','New tutorials','/tutorials/index.asp')
    oCMenu2.makeMenu('sub211','sub21','Tutorials archive','/tutorials/archive.asp')
    oCMenu2.makeMenu('sub22','top2','Other articles','/articles/index.asp')
    oCMenu2.makeMenu('sub220','sub22','New articles','/articles/index.asp?show=new')
    oCMenu2.makeMenu('sub221','sub22','Article archive','/articles/archive.asp')

    //Leave this line - it constructs the menu
    oCMenu2.construct()


    </script>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </body>
    </html>