Recent Questions
Q: How do I center the text in a top menu item in the dhtml menu, so that it is centered in the "box" that is clicked?
A: Try to set the following parameter ('Item Appearance' section in the main window of Deluxe Tuner):
var itemAlignTop="center";Q: I've been playing with this product and it does exactly what I need so far!.
My problem question is this:-
The menu I have created shows a several icons that activate cgi code on the web server. What I want to know is can these drop down menus change the image when an icon is actually pressed?
I trying to find how I can present the user with a button pressed in image when the icon is clicked and maintain that image until another icon in that menu is pressed?
Can this be done? If not is it something you can do for me at a cost?
A: See more info about pressed item here:
http://deluxe-menu.com/highlighted-items-sample.htmlQ: When I create a tab which has no sub-items, there is a white line drawn under the whole top javascript tabbed menu bar.
How do I avoid this?
A: Each menu item should have subitems (in the TabMode).
If you don't want to have subitems for some items you can add onesubitem and delete Item Text.
["Item 2","", "", "", "", "", "", "", "", ],
["|","", "", "", "", "", "0", "", "", ],
Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?
A: In that case you should open images I'm using for top tabs in any graph editor and changethem.
back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)
sep_top.gif // separator for the top items
top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],
By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],
top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],
and so on...
For the subtabs I'm use images for arrows only:
var arrowWidthSub=8;
var arrowHeightSub=8;
var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]