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


Buy Now!  Free Trial Download

Menu Screenshots Css Tree Menu Joomla

Css Tree Menu Joomla Tree Navigation Bar Menu Submenu

Features Css Tree Menu Joomla

Easy Setup
  • De Luxe Tuner. GUI interface to create your css tree menu joomla menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Drop Down Menu Tree Dhtml Css Tree Menu Joomla
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css tree menu joomla samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Seamless Integration
  • 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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!
  • When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

Recent Questions Css Tree Menu Joomla

Q: I can't get drop down navigation menu to centre in the table..
I want it to - which is just below the header flash
Could you let me know what to do


A: Now you're using absolute position for JavaScript Tree Menu:

  var absolutePos=1;

You should use relative position:

  var absolutePos=0;

Try that.



Q: We recently implemented your deluxe-menu on our site and are experiencing a few issues...

The java menu (slide-out portion) overlaps flash files on certain pages. In explorer, it seems to work fine, but in Safari, the java menu is hidden under the flash file. Is there anything you can think of that would be causing this... or anyway you know to fix it?


A: You should set the following parameter:

  var dmObjectsCheck=0;

Please, add also dmenu_add.js file on your server.

I've checked your website.

The installation of the menu on your page is incorrect.

You have two entries of dmenu.js file on your site in the <head> tag.
You must have only one entry of dmenu.js file.
Please, delete the same code.
You should write so:

<head>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">   var dmWorkPath="menu/"; </script>
<script type="text/javascript" language="JavaScript1.2" src="dmenu.js"></script>
<!-- (c) 2006, Deluxe-Menu.com, http://deluxe-menu.com -->

</head>
<body>
...
<script type="text/javascript" src="data-image-based-5b.js"></script>
...
</body>

Try that.


Q: We are looking for documentation on how to use the onmouseover tab program. We purchased this also and we were not able to figure out the deluxe tab part.

A: You can find all documentation on our website, http://deluxe-tabs.com.

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of theDIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],


Q: Do you have an extremely simple example of modifying drop down menus with the JavaScript API?

A: You should use the following function:

function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

<script language="javascript" >
dm_ext_changeItem(0, 0, 1, ["", "", "new_icon.gif", "new_icon_o.gif", "",,""]);
</script>