Recent Questions
Q: Great product and incredible user friendly interface to loadeverything up! I wasn't used to such a user friendly interface and was looking way to hard.
I did have one question though. When I open up Deluxe Tuner and click on the javascript slide down menu sample to the left (with the search box), I get the following message:
I click no, and the javascript slide down menu comes up, but no search box! Any idea why this is so?
A: There will be no search box in that template.
Actually you are able to paste any html code within items.
For example:
var tmenuItems = [
...
["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='search
the web' size=15 style='font-size:10'> <INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif; LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","",
"images/icons/search.gif", "", "", "", "", "2", "", "", "",],
But Deluxe Tree doesn't have a search feature.
There is a search feature in Deluxe Menu:
http://deluxe-menu.com/search-support-sample.html
Q: I need to know if separate coloring of main items is possible in slide drop down menu.
A: You can create Individual Item styles and assign it for the top items,for example:
var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderStyle=solid,solid","itemBorderColor=#000080,#FF8000"],//style0
["itemBackColor=##FFFFF,#000000","itemBorderStyle=solid,solid","itemBorderColor=##AA0000,#0000EE"],//style1
];
var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "1", "", "", "", "", ], //style1
["|Item 3","", "", "", "", "", "", "", "", "", "", ],
["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
["|Item 7","", "", "", "", "", "", "", "", "", "", ],
["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "1", "", "", "", "", ], //style1
];
You can find more info about individual item styles here:
http://deluxe-menu.com/individual-item-styles-info.htmlQ: 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: I have inherited a project to finish which makes use of your java script tree menu.
I have not used your product. Is there a user’s guide/manual I can download?
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.
Deluxe Tuner v3.0 supports Deluxe Menu (http://deluxe-menu.com) &Deluxe Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)
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 java script tree menu on the main window.
More info about menu parameters you can find on our site
http://deluxe-tree.com/parameters-info.html
http://deluxe-tree.com/menu-items-info.html
You can also use Individual Styles for items and subitems
http://deluxe-tree.com/individual-item-styles-info.html
http://deluxe-tree.com/individual-submenu-styles-info.html
2. You should install the java script tree menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Add several rows into your html page.
<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-tree.files/data.js"></script></td></tr> //data-deluxe-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>
You should also copy all engine files
dtree.js
dtree_add.js
dtree_dyn.js
dtree_ajax.js
into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index. html page.
Try that.
