Recent Questions
Q: I really enjoy your tools and methods to create superb menus! On your webpage http://deluxe-tabs.com under "Product Info" and the tab "Individual Item Styles", you give an example how to make a "brind to front effect". I have tested it and works nice - but: When you add a subitem, won't one of the right javascript menu image come along - either on mousover or on selected. What do I have to do to fix that?
I'm very grateful for your answer!
A: These examples were created for the
var tabMode=0;
only (tabs without submenus).
Q: In Firefox, the menu bar css is hidden behind Flash player. Anyway to fix this?
A: See fix for flash in Firefox here:
http://deluxe-menu.com/objects-overlapping-sample.html
Q: When I run the cursor over the menu, the menu images disappear for usually a split second, but sometimes for several seconds at a time. Is there a way to make the image static or keep it solid when the cursor runs over it?
A: You can have such effect when the page entirely was not loaded yet.
So, images were loaded only for the 1 state and for the other stat were not loaded yet.
If you don't want to have such effect you can use 1 state buttons.
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:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],
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
You cannot use these two methods together!