Tutorial Deluxe Menu by Deluxe-Menu.com
Tutorial Deluxe Menu

Template:

Coffee Menu Template - Dropdown Html Menu






    - Image arrows
    - Unlimited number of sub levels
    - Submenus go over all page objects
    - Filters and Transitional effects
    - Search feature - add the search area in the menu and type symbols.
    - Horizontal or vertical orientation
    - Several menus on one page
    - Cross-frame support - menus work on frameset-based pages




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Tutorial Deluxe Menu Css Style Menu Slide

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your tutorial deluxe menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tutorial deluxe menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Vertical Menu Sites Tutorial Deluxe Menu
Cost Effective
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We are testing you menu in our application. It is being used in cross frame mode. It works very nicely except a couple issues.

The main one is after loading a new page in the sub menus window when I go back to the main menu to select another option but on the initial mouse over it takes several seconds for the menu to come up. Once the delay of loading the initial submenu is over it loads all others very quickly until a new page is loaded again. Is there a way to optimize the menu to reduce this load time? I have already set dm_writeAll=0 but that only increased the speed of the initial display of the main menu.

And the other question is does the dmObjectsCheck option work in cross frame mode? I have it set =1 and the submenus still underneath objects (such as select list) which have a higher z order.


A: Try to do the following:
move all <script> calls into <head>, but delete dm_initFrame()function from data .js file -- move them instead of files calls, i.e.:

<head>
<script src=data.js>
...

</head>

...

<div><script>dm_initFrame("frmSet", 1, 2, 1); </script></div>

It this case data will be loaded when <head> will load, but after thatmenus must be shown quickly.
Let me know about results.

Deluxe Menu overlap select objects in cross-frame mode.


Q: All hide drop down menu tabs seem to have white in the upper corners rather than transparent.

A: You should delete white color and make corners transparent in anyGraph editor, for example in Photoshop.



Q: I am really confused by all of this. Perhaps I should state that I am computer savvy, however, I am not at all familiar with javascript or html. I was hoping to use the deluxe tuner to avoid having to deal with any of this.

I removed deluxe tuner and deluxe menu from my computer and reinstalled both. When I went to download the license key, I extracted the file from the ZIP file and replaced the files that were downloaded with the free version.

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?


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 i 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 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: > You should call the following function:
> dtreet_ext_getItemIDByIndex (0, 12)
> where 12 - is index of the item.

How would I know that 12 is the index of the item? How is itemInd different from its itemID? I assume the menuInd is always 0 for the first menu (or only in my case) menu on a page?


A: Yes, menuInd is the number of the menu on your page (in your casemenuInd=0).

itemInd is the number of the item in your menuItems, for example:

  var tmenuItems =
[
["Home", "http://deluxe-tree.com", "icon1_t.gif", "icon1_to.gif","", "Home Page Tip","_blank"],//itemInd=0

["<img src='data_files/images/sep.gif' width=113 height=1>"],//itemInd=1

["+What's New<br><span id='letter'>This is pretty cool. I need to buy this deluxe menu</span>", "", "icon2_t.gif", "icon2_to.gif", "", "Product Info Tip"],//itemInd=2
 ["|What's New", "testlink.htm", ""], //itemInd=3
 ["|Features", "testlink.htm", ""], //itemInd=4
 ["|Installation", "testlink.htm", ""], //itemInd=5
 ["|Functions", "testlink.htm", ""], //itemInd=6
 ["|Supported Browsers", "testlink.htm", ""], //itemInd=7
["Samples", "", "icon3_t.gif", "icon3_to.gif", "", "Samples Tip"], //itemInd=8
 ["|Sample 1", "testlink.htm", ""], //itemInd=9
 ["|Sample 2", "testlink.htm", ""], //itemInd=10
 ["|Sample 3", "", ""], //itemInd=11
   ["||New Sample 1", "testlink.htm", ""],//itemInd=12
   ["||New Sample 2", "testlink.htm", ""],//itemInd=13



Buy Now!   ::  Free Trial Download   ::  More Info