About This Site

This is the demo site for Thesis Theme Tools. There are several demos on this page:

• Multilevel Menu with CSS and JavaScript. Click on the tab to the right to learn more.
• Rotating Header Image. Just refresh the screen and you will see another image. It's super-easy to implement and is a great addition to any site. The Thesis Theme Tools article with full information is Tutorial: Rotating Header Images.
• Widgetized "Fat" Footer. Note that it can hold anything a regular sidebar can -- the widgets work exactly the same. Learn more about this footer on Thesis Theme Tools in the article Tutorial: Widgetized "Fat" Footer.
• This Tabbed Info Pane. It can put a lot of information in a small space, and can hold anything you can put in HTML and PHP, even widgets! The tutorial is found in the Thesis Theme Tools article Tutorial: Tabbed Info Pane.
• Custom Pages. Many of the pages demonstrating other menus and features lead to custom pages. These use conditional tags in custom_functions.php to load just the files necessary to run them to prevent unnecessary code and potential conflicts.

Multilevel Dropdown Menu

The Multilevel Menu with CSS and JavaScript can have up to 3 levels of dropdowns. It comes in two versions: The "Thesis"-like version currently displayed on this page, and a colored version. Both are fully customizable to anything you want them to be.

The article "Tutorial: Multilevel Menu with CSS and JavaScript" describing the menu is on Thesis Theme Tools. There is a zip file available which has everything you need to put this versatile menu on your site!

The CSS Multilevel Dropdown menu has these outstanding features:

The Multilevel Menu offers these outstanding features:

• Easy to set up and use.
• Requires no plugin. Everything is done with CSS and JavaScript.
• Any kind of URL, document or file can be put in the menu -- no restrictions and no conditional php!
• Dropdown menus with as many tabs and levels as you want.
• Tabs may be in any order you want.
• Completely compatible with Thesis 1.5x and Thesis 1.6
• Works with Windows IE 6, IE 7, IE8, Chrome, Firefox and all Mac browsers
• Dropdown menus have a sliding effect that is very appealing
• Completely configurable as to size of tabs, font characteristics, colors, etc. with CSS.
• Includes support for most major browsers, including most versions of Internet Explorer.
• SEO friendly: Its unordered list is generated within the HTML of the page, so Google's and other bots can read and index it.
• Very fast execution. Uses Google libraries for speed.
• Files include both a colored menu and one set up to look like the standard Thesis navigation menu.
• In browsers with JavaScript disabled, the main tabs are still usable (but not the dropdowns)

The Menu Tabs

The menu tabs on this page are as follows:

• About is the usual About page.
• Menu Info has information about the Multilevel Dropdown Menu shown on this page
• Levels Demo has all 4 levels of the Multilevel Dropdown Menu
• Vertical Menu goes to a test of a vertical menuing system using JQuery and CSS. It is still in development.
• CSS Menu 1 takes you to a demo of the first example of a CSS-only Multilevel Dropdown Menu.
• CSS Vertical Menu goes to a test of a vertical CSS-only multilevel dropdown menu. It is in the last stages of development and will be released on Thesis Theme Tools in late October, 2009.