(c) 2007, DHTML-Menu.com
 
   
   
  Product Info
  What's New
  Features
  Installation
  DHTML Tuner GUI
  Javascript API
  Description of Files
  Supported Browsers
  Customization
  Parameters
  Menu Items
  Individual Item Styles
  Individual Submenu Styles
 

    Individual Sub Menu Styles

Individual Sub Menu Styles

Individual submenu styles are special menu parameters (arrays) that you can assign to each sub menu of the menu.

var menuStyles = [
        ["paramName=value", "paramName=value", "paramName=value", ...],     // style 0
        ["paramName=value", "paramName=value", "paramName=value", ...],     // style 1
        ...
];


Use the following sub menu parameters within each style:

paramName=value Description
smWidth=200px Submenu width. It's recommended to set units in 'px'.
smHeight=500px Submenu height. It's recommended to set units in 'px'.
smColumns=3 Number of columns.
menuBorderWidth=1 Border width.
menuBorderStyle=solid Border style.
Available values:
"none", "solid", "double", "dotted", "dashed", "groove", "ridge".
menuBorderColor=#AA0000 Border color.
itemSpacing=2 Item spacing.
itemPadding=5px Item padding. It's recommended to set units in 'px'.
menuBackColor=#0033EC Back ground color.
menuBackImage=image Back ground image.
CSS=class CSS class name.
Works if var cssStyle=1; in menu parameters.


Assign this individual style to the first item in the submenu to assign the style to a whole sub menu.
For example:

var menuStyles = [
        ["smWidth=300", "menuBorderWidth=2"],     // style 0
        ["smHeight=450", "itemSpacing=4", "itemPadding=15", "menuBackImage=myimage.jpg"],     // style 1
];


var menuItems = [
        ["Product Info"],
             ["|Features", "features.html", , , "Tip Text", , , "0"],     // assign style 0 to the first item in the sub menu
             ["|Parameters", "params.html", , , "Tip Text"],
        ["Support"],
             ["|Contacts", "contacts.html", , , "Tip Text", , , "1"],     // assign style 1 to the first item in the submenu
             ["|Write Us", "mailto:mymail@mymail.com"],
];



Use DHTML Tuner application to create and assign individual styles.

See also:
     Menu Items
     Individual Item Styles


   
Copyright (c) 2012, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. bootstrap template | free web design software | easy website builder software | top web builder | HTML5 Video Player