Recent Questions Dynatree Context Menu Disable
Q: I can not figure out how to get the grey separator gif to show up in the navigation bar scripts.
Where in the DeluxeTuner do you select that?
A: You should add separators between your items,
use "Add separator" button on the mainwidow of Deluxe Tuner.
var menuItems = [
["Item1","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item4","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item5","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item6","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item7","", "", "", "", "", "", "", "", "", "", ],
];
var separatorVImage="separv1.gif";
var separatorVWidth="1px";
var separatorVHeight="21px";
Notice that I've used my on separator image, you should use your own image. Q: I am trying to figure out how to specify the css for the top css dropdown menu.
I saw this in some of the example code, but there was nothing similar in Deluxe Tuner
var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver" ],
];
var menuStyles = [
["CSS=topMenu"],
];
I tried adding the above to my js code, but it didn't work. I can get it to work in non-css through Deluxe Tuner.
I am trying to draw a white border around the blue css dropdown menu
.topMenu
{
background-color:Blue;
border-width: 1px;
border-style: solid;
border-color: White;
}
/* Style for submenus */
.submenu
{
}
/* Style for top items: normal state */
.topItemNormal
{
background-color:Blue;
color:White;
text-decoration: none;
text-transform:none;
font-weight:normal;
FONT-SIZE: 11pt;
FONT-FAMILY: Verdana, Arial;
width:100%;
padding:2px 4px;
}
A: var itemStyles = [
["CSS=topItemNormal,topItemOver","CSSText=topItemTextNormal,topItemTextOver"],
];
var menuStyles = [
["CSS=topMenu"],
];
The following code is Individual Styles. You can edit them in DeluxeTuner.
Open your data file, click "Edit Individual Styles..." button on themain window. And create individual item style and individual submenustyle. Then you should assign these styles to your items.
See more info about Individual Styles here:
http://deluxe-menu.com/individual-styles-sample.html
Q: Obviously your menus are NOT cross browser usable, as you can e.g. Padding does not work in opera, while it works in IE.
When will there be an update on that bug?
A: JavaScript Tree Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try also to specify unitsin "px":
var menuWidth="500px";
var menuHeight="20px";
var smWidth="116px";
You should also check your padding parameter, you should write it so:
var itemPadding="1px 1px 1px 12px";
Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.
Your solution refers to creating absolute paths using
var pathPrefix_img = "http://domain.com/images/";
I have implemented this solution but I still think the problem persists.
A: Now you set pathPrefix parameter:
var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";
And you have such images paths, for example:
var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];
So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif
It is not right.
You should write your paths so:
var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];
Please, correct it.
