- Inactive/Disabled items - Hundreds of pre-designed templates - Text aligned to left - Image arrows - Search feature - add the search area in the menu and type symbols. - Several menus on one page - Transition #14 - "fade out" effect - Visible over select boxes, iframes, pdf, flash, Java applets.
Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
Ability to handle the menu from the keyboard via keystrokes.
Where frameName - the name of the frame where to open the page test.html.
Using this method you can create Deluxe Tabs in var tabMode=0; and var tabMode=1;
Q: I downloaded the trial version of deluxe-menu. I created a four tab menu using the tab'stab menu generator; so far so good. I read the tutorial where to past codeand ensuring all items wire in the menudir/; so far so good. The problem, you talk about two> files 'dmenu.js' & 'data.js', these files were not created bydeluxe-menu program. Where are they, so that I can see if this thing works before buying, so far; not so good.
A:You may have another name for your data file (not data.js).
If you want to use tab menu you'll have dtabs.js engine file and data file.
1. create and save .js file with your menu parameters in Deluxe Tuner(you can use "File/Save as/HTML" function). You can enter any name you like, for example enter "tab". So you'llhave tab.html, tab.js files and "tab.files" folder with all menu files. 2. open your .html page in any text editor 3. Copy generated tab.js file and "tab.files/" folder in the same folderwith your index.html page. 4. Open generated menu.html in any text editor and copy several rows of code (<script> tags), For info see:http://deluxe-tabs.com/product-info/?installation
<head> <!-- Deluxe Menu --> <noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript> <script type="text/javascript" src="tab.files/dmenu.js"></script> </head> <body> ... <script type="text/javascript" src="tab.js"></script> ...
That's all.
Q:
How do you change the back ground color of the menu? menuBackColor just changes the pull down background. I'm stuck with a blue background which i guess is the default.
I've looked at the parameters page for info, tried a few different items but none worked for changing the background.
I'm sure its something very obvious, but any help would be appreciated.
A:Please, don't forget to change also item background colors:
var itemBackColor = ["color", "color"];
Q:
I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.
Even when I only call dmWorkPath and dmenu.js once, it does not work.
A: See, it is not correctly to use image-based items:
and specify beforeItemImage/afterItemImage parameters. They won't work in that case.
You can create such buttons in the following ways: 1) Use image-based menu (images with text).
Create normal and mouse-over state images (with text) for each item: ["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ], ["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ], ["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],
2) Use combined background for the menu in javascript items (images without text).
var beforeItemImage = [,]; //left-side image for normal and mouse over state var itemBackImage = [,]; //background or image for normal and mouse over state var afterItemImage = [,]; //right-side image for normal and mouse over state var beforeItemImageW = ''; var afterItemImageW = ''; var beforeItemImageH = ''; var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example: button_n_back.gif button_n_left.gif button_n_right.gif button_o_back.gif button_o_left.gif button_o_right.gif