Recent Questions
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 button in the link drop down menu?
A: You can paste the separator.
You should add separators between your items, use "Add separator" button on the mainwidow of Deluxe Tuner.
var menuItems = [
["FHSA","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Chapters","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["AZ Resources","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Double Butte Cemetery","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Surname List","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Helping Hands","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Book Fund Purchases","", "", "", "", "", "", "", "", "", "", ],
];
var separatorVImage="separv1.gif";
var separatorVWidth="1px";
var separatorVHeight="21px";
Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):
var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];
var afterItemImageW=8;
var afterItemImageH=7;
As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?
A: You should create Individual style and assign it for the top access drop down menu items:
var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];
Q: How can I use Danish characters in my dhtml menu bars?
A: You should turn on "Tools/Use utf8 encode" property.
In that case your data file will be saved in UTF-8 encode. So, you
should set UTF-8 encode on your page too
<meta http-equiv="Content-Type" content="text/html"charset="UTF-8">
If you don't want to use UTF-8 encode on your page you should turn off
"Tools/Use utf8 encode" property, save your data file and manually
change your letters in any text editor.
Q: You will see I got the first level looking amazing.. this is exactly what I wanted. The interesting thing I figured out was not to use the item border.. this was messing things up. You may notice that when each item highlights.. there is a 1px white line at the separators.. but this is not produced with the item border, but rather from the separator itself which I made in two 1 pixel lines, one blue, on white.. this created that effect.
So now my only problem left is to figure out how to bring this look into the submenus. I was thinking it would be nice to use the separators in the same way throughout the submenus. There does not however seem to be a way to do this. When I tried inserting a separator into a submenu.. nothing happened... I am probably doing this wrong.
Can you please show me how to create the same look I have in the first level in the submenus.. this would be helpful.
I must say, this menu is finally starting to look the way I originally envisioned it. I am very happy. =o)
Thank you so much for all the help you have given me.
A: To add separators in submenus you should write it so:
["|-",] //first level submenus
["||-",] //second level submenus
and so on.
Try that.