Popup Menu Individual Item Styles

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:[email protected]", "", "", "Write Us Tip", "", "1"],     // assign style 1
];

Use Deluxe Tuner application to create and assign individual styles.

See also:
Menu Items
Individual Submenu Styles

Website Builder for Beginners, Bloggers, Writers, IT Companies Website Builder for Online Stores, Restaurants, Musicians, Real Estate \| Website Builder for nonprofits and therapists \| Website Builder for Churches, Authors, Consultants, Magazines \| Best Website Builder for podcasts and affiliate marketing \| Best Website Builder for Education, Software Companies, Designers, Videos \|
Copyright (c) 2019, Deluxe-Menu.com	Home \| Product Info \| Samples \| Download \| Purchase \| FAQ \| Site Map \| Terms of Use \|
All rights reserved.	Best AI Website Builder \| Website Generator AI \| AI web design generator \| AI website design generator \| AI web page design generator