(c) 2016, Deluxe-Menu.com
Search  
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu  
  Product Info
  What's New what's new
  Features what's new
  Installation what's new

  Deluxe Tuner GUI what's new

  Javascript API dynamic menu
  Description of Files dynamic menu
  Supported Browsers supported browsers

  Customization
  Parameters supported browsers
  Menu Items supported browsers
  Individual Item Styles supported browsers
  Individual Submenu Styles supported browsers


 

    Individual Sub Menu Styles

Individual Sub Menu Styles

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

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


Each style can accept the following sub menu parameters:

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


To assign the style to a sub menu you should assign this style to the first item in this submenu.
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 Deluxe Tuner application to create and assign individual styles.

See also:
     Menu Items
     Individual Item Styles


Magical HTML Bootstrap Slider With Text Templates Perfect Responsive JS Website Templates Review  |  Splendid JS Design Maker Overview  |  How to Make a Webpage - Step by Step Tutorial  |  30+ Top Innovative Software Company Website Template List  |  Beautiful JS Page Theme Review  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. Free AI Website Builder | AI Website Maker | Website Generator AI | AI website design generator | AI web page design generator