|
|
|
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
|
