Recent Questions
Q: I have created a CSS menu that appears in the <noscript> section, but am having a problem getting it to behave the same as the java menu. I want to show all the items as asingle line at each level, aligned to the left of the frame. I cannot find a way ofsetting left align in the style sheet or in the deluxe tuner for the css dhtml menu.
A: We've added align parameters in the new version 3.6:
var subMenuAlign="pleft";
You should set this parameter and specify width for submenu. You can use different smwidthfor each submenu using Individual Submenu styles.
Q: I just noticed as well that I cannot change the spacing of the buttons.
Right now the buttons are tight together, how do I create a gap between each dhtmlmenu button?
A: You can paste the separator.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
You can also use this parameter:
var itemPadding = "4px";
You can also set multiple values, for example:
"2px 15px 5px 5px";
(top, right, bottom, left)
Q: I fixed that problem, but if you look at the website, I have the first 2 links in the javascript sliding menu set to show up in the mainframe but nothing happens. When I open deluxe menu on my computer, it also shows that I have the third link set up to show in the mainframe too but when I upload it to the website, it acts like it's not pointing to any file/url
A: Now you have:
["Home","main.html", "", "", "", "#mainframe", "", "", "", "", "", ],
["County Departments","dept.html", "", "", "", "#mainframe", "", "", "", "", "", ],
["Board Members","", "", "", "", "mainfrm", "", "", "", "", "", ],
It is not correct to set target as "#mainframe". You should write"mainframe":
["Home","main.html", "", "", "", "mainframe", "", "", "", "", "", ],
["County Departments","dept.html", "", "", "", "mainframe", "", "", "", "", "", ],
["Board Members","", "", "", "", "mainframe", "", "", "", "", "", ],
Q: Thanks for getting back with me but how do you build the menu?
I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?
Can you walk me through the development of a menu?
A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.
Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.
First of all you should choose menu orientation:
var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.
You can set exact width and height of the menu in the "Dimension"category.
You should set
var absolutePos=1;
if you want to have absolute positioning menu.
Font style you can set in the "Font" category.
To set color of the menu you should set the following parameters:
var menuBackColor="#FCEEB0";
var menuBorderColor="#C0AF62";
var itemBackColor=["#FCEEB0","#65BDDC"];
var itemBorderColor=["#FCEEB0","#4C99AB"];
Try also to change these parameters:
var itemSpacing=3;
var itemPadding="3px";
Arrows for main items and subitems you can set here:
var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];
If want to have floatable or movable menu you should set the followingparameters:
var floatable=0;
var movable=0;
You can also try to change any template.
