Recent Questions
Q: How can I setup Font Size, color for individual level, button? How?
A: You should use Individual Item Styles.
var itemStyles = [
["itemBackColor=#B6E025,#769315","fontStyle=bold 10px Bookman Old Style"], //style 0
];
menuItems = [
...
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
...
];
Q: I am now ready to re-create my menu. It says to edit my data file. When I try to do that it will NOT open. It says my computer does not have the right program? What do I need?
Also, once I have created the menu in Deluxe tuner, where should I save it? In the folder where my website pages are saved? Again, I am using Yahoo sitebuilder, so I am not exactly sure where I should save it in these folders?
Furthermore, when I tried to save a file before I removed Deluxe tuner and reloaded it, It would ask me if I wanted to copy all my files? What is that and what is the purpose?
I really like the deluxe tuner and I really want to be able to utilize this to create a menu, however, if I can't figure out how to get it onto my website, I am going to be out of luck
A: > I am now ready to re-create my menu. It says to edit my data file. When I
> try to do that it will NOT open. It says my computer does not have the right
> program? What do I need?
You should open your data file with the menu in any text editor andadd your reg. key.
Try that.
> Also, once I have created the menu in Deluxe tuner, where should I save it?
You can save your data file in any place and then copy to the rightplace.> Furthermore, when I tried to save a file before I removed Deluxe tuner and
> reloaded it, It would ask me if I wanted to copy all my files? What is that
> and what is the purpose?
If you click yes, Deluxe Tuner save also all engine .js files and allyour images into "data.files/" folder.
You can also click Export->To HTML.
So you'll have html page with your menu and folder with engine .jsfiles and images.
So you should to do the following things:
1. open your page in Yahoo's SiteBuilder
2. open generated with Deluxe Tuner html source code of the page in anytext editor
3. copy such lines from html source code
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>
and add them in you <head> tag.
Then find such line, for example:
<script type="text/javascript" src="data.files/data.js"></script>
and add it in you <body> tag in the place where you want to have themenu. For example, you can paste it in <table> or <div> tag:
<table>
<tr><td><script type="text/javascript" src="data.files/data.js"></script></td></tr>
</table>
or
<div align=center>
<script type="text/javascript" src="data.files/data.js"></script>
</div>
For info see:
http://deluxe-menu.com/installation-info.html
You should also copy "data.files/" folder in the right place. In thefolder where you have you index.html page, created in Yahoo'sSiteBuilder.
Q: Is there any way to call a javascript function on mouseover from a menu item?
A: You can use your own javascript functions in the menu items.
You should paste "javascript:some_function()" into item's link field, for example:
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];
Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];
Q: How do I add padding around a top item in the javascript menu buttons?
A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];
Notice also that you can set multiple value for itemPadding parameter,for example:
itemPadding=4px 10px 4px 10px// top right bottom left
