Recent Questions
Q: I have used your Deluxe-menu on my websit. With the browser Opera I have problems with the dhtml scrolling menu item-color. If I select the menu at the first time, the item color is black. After select a menu item the menu item color is #f0e4cc, this is correct. After re-select the menu the item color is #f0e4cc also. After browser re-start the menu item color is black :-(
A: See it is not correctly to write colors in the following way (without # symbol):
var fontColor=["f0e4cc","f0e4cc"];
You should write:
var fontColor=["#f0e4cc","#f0e4cc"];
Your menu will work correctly in all browsers in that case.Q: I am not professional website developer … I’ve installed your trial software … but not able to add navigation menu tree in my website. Can you please guide me how I can add tree menus in left side bar of website?
A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.
1. Create your menu in Deluxe Tuner application.
You can create any menu you like in Deluxe Tuner.
You can use ready to use templates. You can find them in the templateswindow.
When you open Deluxe Tuner ( Deluxe Tree ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.
More info about menu parameters you can find on our site
http://www.deluxe-tree.com/parameters-info.html
You can also use Individual Styles for items and subitems.
2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.
Add several rows into your html page.
<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript"> var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>
You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support
into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.
Try that.
Q: I have generated my navigation menu bar and want to incorporate it into my current website.
How do I resize and position the navigational menu inside a table?
A: 1) Resize:
You could specify exact width for menu using that parameter:
var menuWidth="400px";
You can also set exact width for each top item using Individual Item Styles:
var itemStyles = [ ["itemWidth=120px"],];
var menuItems = [ ["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];
2) Position the navigational menu inside a table:
You can paste the menu inside the <div> or <table> tag, for example:
<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>
Q: When the html tab menu is initialized can you not have any selected tabs?
I do not want to select any tabs when the menu is initialized for some cases.
A: No, unfortunately it is not possible. Some top item should behighlighted.
But you can try to add separator in the beginning of the menu and set:
var bselectedItem=0;
var bseparatorWidth="0px";
var bmenuItems = [
["-",],
[" Deluxe Menu","content1", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Deluxe Tree","content2", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Deluxe Tabs","content3", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
[" Contact us","content4", "img/icon_mail.gif", "img/icon_mail.gif", "img/icon_mail.gif", "", "", "", "", ],
];