Css Tree Menu by Deluxe-Menu.com
Css Tree Menu

Template:

iPhone 5 Template - Cascading CSS Menu






    - Image arrows
    - Relative/Absolute menu position
    - Status string shows item labels
    - Transition #14 - "fade out" effect
    - Submenus automatically scrolls
    - UL/LI items structure
    - Search feature - add the search area in the menu and type symbols.
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




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

Menu Screenshots

Css Tree Menu Tutorial Popup Menu Javascript

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

Features

Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
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
Tree Javascript Drag Drop Cool Css Tree Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your css tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

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: I need to be able to highlight the selected menu item of the currentpage in the html tree menu.
Is there a way to do this?

A: Please, try to set this parameters:

  var ttoggleMode = 1; Enables a toggle-mode. 0 - disabled, 1 - items stay highlighted after mouse click.
  var tpressedFontColor = "#AA0000";


Q: I am in the process of building this site, but as you will see the menu text is showing on the top menue, but not the javascript hide menu itself.

A: You forgot to upload engine files on you server.
That is why you see search engine friendly code for the javascript hide menu only:

<div id="dmlinks" style="font:normal 11px Arial;color:#ff9966;text-decoration:none">
...
</div>

Notice that you should call dmenu.js file and dmWorkPath parameter on your html page only once.

You should write only

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="OnlineHelp.files/";</script>
<script type="text/javascript" src="OnlineHelp.files/dmenu.js">



Q: We would like to use standard images for the main menue and add popup menues by using deluxe menue. The popups are triggered by hovering the cursor above the main menueimages and they should stay visible as long as the cursor is in the image.
If the cursor leaves the image, the popup should be closed unless it is in the popup menue.


A: See, you can use one Deluxe Menu (image-based) with images for the mainitems and submenus or you can use several pop up menus for each image.

http://deluxe-menu.com/popup-mode-sample.html

You should use onMouseover event.


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