(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


 

    Popup Menu Individual Item Styles

Individual Item Styles

Individual item styles are special popup menu parameters (arrays) that you can assign to each item of the menu.
Using these styles you make your menus more attractive and more convenient.

var itemStyles = [
        ["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 item parameters:

paramName=value Description
itemWidth=100px Width of an item (px, % or other units).
itemBackColor=#FFFFF,#000000 Normal and mouseover colors of a background.
itemBorderWidth=1 Width of an item border.
itemBorderStyle=solid,dotted Normal and mouseover styles of a border.
Available values:
"none", "solid", "double", "dotted", "dashed", "groove", "ridge".
itemBorderColor=#AA0000,#0000EE Normal and mouseover colors of a border.
fontStyle=normal 11px Tahoma Font style.
fontColor=#000000,#FFFFFF Normal and mouseover font colors.
fontDecoration=none,underline Normal and mouseover font decorations.
Available values:
"none", "underline", "line-through", "overline".
itemBackImage=image1,image2 Normal and mouseover background images.
arrowImageMain=image1,image2 Normal and mouseover arrow images for a top-level item.
arrowImageSub=image1,image2 Normal and mouseover arrow images for a submenu item.
CSS=classNormal,classOver Normal and mouseover CSS class names.
Works if var cssStyle=1; in menu parameters.
CSSText=classNormal,classOver Normal and mouseover CSS class names for a text.
Works if var cssStyle=1; in menu parameters.


Once you created item styles you can assign them to menu items.
For example:

var itemStyles = [
        ["itemWidth=150", "itemBackColor=#AA4400,#FF6600", "fontDecoration=none,underline"],     // style 0
        ["itemBorderWidth=2", "itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
        ["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];


var menuItems = [
        ["Home", "index.html", "myicon1.gif", "myicon2.gif", "Home Page Tip", "_self", "2"],     // assign style 2
        ["About", "about.html", "myicon3.gif", "myicon4.gif", "About Us Tip", "_self", "0"],     // assign style 0
        ["Write Us", "mailto:mymail@mymail.com", "", "", "Write Us Tip", "", "1"],     // assign style 1
];



Use Deluxe Tuner application to create and assign individual styles.

See also:
     Menu Items
     Individual Submenu Styles


Bootstrap Slider Usage Bootstrap Sidebar Dropdown  |  Bootstrap Clearfix Style  |  Bootstrap Label Input  |  Bootstrap Progress bar Jquery  |  Bootstrap Header Example  | 
Copyright (c) 2019, Deluxe-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Terms of Use  |  Write Us
All rights reserved. AI Website Builder | Free AI Website Builder | AI Website Generator | AI Website Builder | Free AI Website Generator