Pure Css Tree Ul by Deluxe-Tree.com
Pure Css Tree Ul


Buy Now!  Free Trial Download

Menu Screenshots Pure Css Tree Ul

Pure Css Tree Ul Tree Cascading Menu Navigation

Features Pure Css Tree Ul

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your pure css tree ul menus easily and in no time
  • Sensible menu parameters for manual editing
Code Tree Vertical Menu Bar Pure Css Tree Ul
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
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed pure css tree ul samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Use special prefixes for image paths and links to make paths absolute.
  • You can assign your own images for lines.

Recent Questions Pure Css Tree Ul

Q: I have 2 questions about this script I would like to find out before purchasing:

1. Does it support 3rd and 4th level java script navigation menu?
2. How customizable is it style-wise, meaning, I have images I want used for the top level navigation, and background images for the rest. Any way I can achieve this?

A: 1) Yes, you can add as many levels in the java script navigation menu as you want.

2) Actually you can create any java script navigation menu with JavaScript Tree Menu. You can use Individual Styles tocreate your menu. For example:

  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma", "fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0", "itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];

Please, try the trial version and check menu parameters. Use DeluxeTuner to create your menu.



Q: I have set it to:

  var tlevelDX=0;

It has helped somewhat but there still is a gap between the left side and the image icon. Is there any other parameter I can alter to push it more to the left?

A: You can try also to set the following parameters:

  var texpandBtn=["","",""];
  var texpandBtnW=0;
  var texpandBtnH=0;



Q: I'm creating a "Clear" style dhtml menu and for whateverreason it automatically spaces the menu items unevenly.
For the life of me I can't figure out how to set the spacing evenly.

A: Try to set exact width for each top item using Individual Item Styles:

  var itemStyles = [["itemWidth=120px"],];

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];



Q: Question: How do you enable or configure settings so that on default a specific "Tab" is always set to on or shown as the preload tab, I have a eStore page where I would like to insure that a specific Tab is always shown on default and all others are hidden on the first revealing of the page? Can you help?

A: Use the following parameters to set the selected top and submenu items:

  var bselectedItem = 0;
  var bselectedSmItem = 0;

Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>