Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Project Seven dot com
Search
 

Tree Menu Magic

Works with: Dreamweaver 4 and higher (Windows and Mac)

View Demos | Add to Cart - $90 | Menu System Comparison

Tree Menu Magic by PVII - Casting a magic spell

Tree Menu Magic is a Dreamweaver extension kit that enables you to make tree-style menus and site maps. The process is totally automated from inside Dreamweaver via a user interface that mirrors the actual menu you are building (or modifying).

Key features

  • Unlimited sub-levels: There is no effective limit to the number of sub-levels you can have in your menu or site map.
  • Position Menus Anywhere: Menus can be inserted into table cells, Dreamweaver Layers, or static DIVs. If a menu is inserted inside a table cell that is part of a fluid (percentage width) table, it will move with the table as the browser window is resized. Menus can, therefore, be readily aligned on the left, center, or right side of your page... no additional measures are necessary.
  • CSS menu styles: Choose from eight included CSS menu styles and Tree Menu Magic will generate the appropriate style sheet for you. Once the menu is on your page, you can edit the style sheet in your preferred way.
  • DW Template Transparency: Tree Menu Magic works seamlessly with Dreamweaver Templates (DWTs) and eliminates the need to use Template parameters, expressions, or editable attributes. The system tracks the current page and automatically opens the menu to the section that relates to that page. It also sets the current page's link to a special style so that users always know where they are in your site. Just drop a menu in a Dreamweaver Template and Tree Menu Magic will take care of all the details for you.
  • Visual Editing: The Tree Menu Magic interface allows you to add, delete, and re-order your menu items at any time... you can even switch styles.
  • Auto Generated Menus: Tree Menu Magic can crawl through your site's file system and generate a menu automatically. You can do this on a folder-by-folder basis or for an entire site. When you instruct Tree Menu Magic to generate a menu from your file system, you can filter by file type and/or folder name, capitalize the first letter of your files and folders, and even have Tree Menu Magic convert underscores to spaces.
  • Text or image "triggers": You can choose to have Tree Menu Magic insert a plain text plus sign (+) in front of the links that trigger submenus or use a CSS background image to display a graphical plus sign. If you choose the text trigger, the system will toggle between a plus and minus sign. If you choose the image option, the system will toggle between a plus and a minus background image.
  • Expand All and Collapse All links: If you choose, Tree Menu Magic will insert text links just above your menu that allow users to expand the entire menu or to collapse it.
  • JavaScript-disabled browsers: Tree Menu Magic will automatically display your menu fully expanded when viewed in a browser that does not support (or has disabled) JavaScript. Your site's navigation will always be accessible to just about any user agent... including PDAs, Assistive Readers, and even WebTV.

The interface

The Tree Menu Magic interface (UI) mirrors the hierarchical tree structure that comprises the actual menu on your page.

The Tree Menu Magic User Interface

How does Tree Menu Magic work?

Tree Menu Magic inserts the required markup on your page, generates the necessary style sheet, writes a JavaScript file (less than 3K in size), and generates plus and minus images (if you chose that option). In other words, Tree Menu Magic does all the work for you. If you click the Tree Menu Magic icon on a page that already contains a menu, the UI will open in Modify mode. Your current menu will be displayed in the interface and you will be able to add, edit, delete, or re-order menu items. Additionally, the Modify interface allows you to change options. For instance, you can switch from text-only triggers to image triggers; you can add Expand All and Collapse All links; you can change hyperlinks and/or targets; you can even use the Generate from file system buttons to bring in whole folders of links based on your site structure... or you can re-generate a complete site-wide menu for use as a site map.

WHAT'S INCLUDED?

Tree Menu Magic comes with:

  • The Tree Menu Magic extension suite.
  • A comprehensive User Guide in PDF format.
  • An example page for each of the eight included Menu Styles.
  • Three bonus web site Templates for inspiration.
  • A Site Map example.
  • Free Technical Support.

Compatibility

Tree Menu Magic works in Dreamweaver 4 and higher (Windows and Mac).

Tree Menu Magic presents fully navigable menus in all browsers, including PDAs and assistive readers. The system will detect browsers that do not support JavaScript (or Dynamic CSS) and render the menu in its fully expanded state. That means your navigation system is always accessible.

Tree Menu Magic is supported in the following browsers:

  • Apple Safari
  • MSIE4 and higher (Windows and Mac)
  • Netscape Navigator 6x and higher (Windows and Mac)
  • Mozilla (Windows and Mac)
  • Opera 7 and higher (Windows and Mac)
  • Browsers based on the Mozilla or KDE engine
  • Older browsers, including Netscape 4, render a fully functional menu in its fully expanded state

View Demo | Add to Cart | Menu System Comparison