| What's New Features Description of Files Installation Functions Supported Browsers Deluxe Tuner Parameters Menu Items Individual Item Styles Individual Submenu Styles Dynamic Functions Cross-frame Mode Popup Mode Smart Scrollable Submenus CSS Mode Objects Overlapping Filters and Effects Individual Styles Movable Menu Floatable Menu Multilevel Menu Multicolumn Menu Ways of Showing Submenus Image-based Menu XP Style 1 XP Style 2 XP Style Taskbar Office Style 1 Office Style 2 Win98 Style MAC Style Simple Style 1 Simple Style 2 Animated Icons Multiple Styles Image-Based Menu Trial Version License Agreement Buy Deluxe Menu Order Non-profit License Non-profit License Single Website License Multiple Website License Developer License FAQ
Search |
Ctrl+F2 - enter/switch menu | Arrow keys - navigate | Esc - exit menu |  |

Product Info
What's New Features Installation Deluxe Tuner GUI Javascript API Description of Files Supported Browsers Customization Parameters Menu Items Individual Item Styles Individual Submenu Styles
|  | Individual Item Styles
| Individual Item Styles |
Individual item styles are special 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
Copyright (c) 2006, Deluxe-Menu.com | Home | Product Info | Samples | Download | Purchase | FAQ | Site Map |
All rights reserved. | Tree Menu | Tabs Menu | Deluxe Menu.de