Login

Save Password - Forgot Pass? 		Not a member?
Become a DC
member now!



         Upgrading to CoolMenus 4
  • Intro
  • Menu properties
  • Background-bar properties
  • Level properties
  • Item properties
  • Finishing
      Rate this tutorial:
    This tutorial have been read 115955 times.

    Print-friendly version

    		•

    Upgrading to CoolMenus 4
    Written 01/25/2002 by Thomas Brattli. Last updated 01/26/2002.


    Background-bar properties

    The usebar, barx, bary, barwidth and barheight properties are the same as before except now they are called: 

    oCMenu.useBar=1
oCMenu.barWidth="100%" 
oCMenu.barHeight
oCMenu.barX=0
oCMenu.barY="menu"
    Be sure to change the "B","W", "H", "X" and "Y" to upper-case letters.

    The old barcolor variable is replaced with barClass: 
    oM.barClass="clBar"
    So we have to make a style sheet with a class with settings for the background-bar. See "CSS help" in the documentation for more info about how to make the stylesheet. If I had this before: 
    oCMenu.barcolor="Navy"
    My class will look like this: 
    .clBar{position:absolute; width:10; height:10; background-color:Navy;
 layer-background-color:Navy; visibility:hidden}
    Note that we have to add layer-background-color for NS4 and that the layer needs a width and height for it to be displayed in Opera. Remember to place the class in a stylesheet.

    .barinheritborder is replaced with 3 new properties called barBorderClass, barBorderX and barBorderY. In my example I am not using border for the background-bar so I'll just set them like this: 
    oM.barBorderX=0
oM.barBorderY=0
oM.barBorderClass=0
    More info about the background-bar properties can be found here.

    « Menu propertiesLevel properties »

    Copyright ©2000-2002 DHTMLCentral.com, Bratta Communications. All rights reserved.