Recent Questions Php Tree Menu Tutorial
Q: How do I center a menu item inthe drop down menu example?
A: Try to use the following parameter:
var itemAlignTop="center";Q: Do you have any tutorials on how to use dropdown menu maker?
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.
When you open Deluxe Tuner 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://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html
2. You should install the menu on your page.
You can click, for example, File/Export to HTML.
So, you'll have folder with all engine files and images
("deluxe-menu.files/" folder by default), deluxe-menu.html file and
data-deluxe-menu.js file with all menu parameters.
Open deluxe-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).
Copy and paste several rows into your html page (index.html).
<head>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var WorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data-deluxe-menu.js"></script></td></tr>
//data-deluxe-menu.js - data filecreated inDeluxe Tuner.
</table>
...
</body>
You should also copy "deluxe-menu.files/" folder with all engine files
dmenu.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
and data-deluxe-menu.js file into the same folder with your index.html page.
Try that.
Q: I can’t seem to figure out how to specify the width of individual items in the website drop down menu.
I would like to specify that each menu item on the horizontal take up just 113px
regardless of the number of characters in the item.
Is there a way of doing that?
A: You should use var itemStyles to set an individual item style, forexample:
var itemStyles = [
["itemWidth=113px"]
];
var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];
Where "0" - style number in itemStyles that contains the parametersfor items width.
Use Deluxe Tuner GUI to create and assign individual styles.
Q: Please tell me in very plan instructions how to load the dhtml menu slide on to a blank Front Page web page?
A: You should do the following things:
1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).
4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)
or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.5. Add the following code in the tag:
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript&ht;
<script type="text/javascript">> var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
and
<script type="text/javascript" src="data-deluxe-menu.js"></script>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags.
For example:
<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.