Recent Questions
Q: I really like floatable tree menus and want to add in this website.
I am not professional website developer … I’ve installed your trial software …
but not able to add tree menus in my website.
Can you pls guide me how I can add dhtml vertical 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" on the 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: The problem I am having is specfically on the home page. The Navigation dhtml horizontal menu is at the top of the page. There are also Flash documents on this page only. When you go to the dhtml horizontal menu and select and option that has Sub-Items and position your mouse over those items, when the menu expands to show all of the text, it is cut off on theright side, this only occurres when there is a flash document behind the menu. All of the other pages work fine.
Do you have any idea why this occurrs? I have tried several things to fix this, but no luck. Is there a fix for this?
A: Try to set exact width for your sub menus. You can do it usingIndividual Submenu style:
var menuStylesNames=["Top Menu","width1","width2",];
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=0","itemPadding=5px 6px 5px 6px"],
["smWidth=100px"],
["smWidth=210px"],
];
["|Modifieds ","mods.html", "", "", "", "_parent", "", "1", "", "", "", ],
["|Amateur Winter Race Bonnanza","http://triovalspeedway.vflyer.com/1/index.html", "", "", "", "", "", "2", "", "", "", ],
Q: Can your free dhtml menu have boarderes around the sub-menus only..
A: You should create Individual style and assign it to the first item in each submenu.
var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#813A07"],
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "border-example.files/icon1.gif", "border-example.files/icon1o.gif", "", "", "", "", "", ],
["|Features","testlink.html", "border-example.files/icon2.gif", "border-example.files/icon2o.gif", "", "", "", "0", "", ],
Q: Even with the shadow setting removed -- there's a white space that surrounds the menu. I just can't figure out where the 1px white padding is coming from. I've checked and doubled checked my CSS -- so the problem is within the script with a setting I'm not familiar with.
A: Set
var menuBorderWidth=0;
to remove white border from your submenus.
Add the following parameter to your Table:
<TABLE class=toptable cellPadding=0 cellSpacing=0 width=1000 align=center border=0>
