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.

Menu Info

This tab has under it all the components of the Multilevel Menu with CSS and JavaScript menuing system. The full description and instructions are at Thesis Theme Tools.

Features include:

  • Easy to set up and use.
  • Requires no plugin. Everything is done by CSS and JavaScript.
  • Dropdown menus with as many tabs and levels as you want.
  • Tabs may be in any order you want.
  • Completely configurable as to size of tabs, 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.
  • Any kind of URL, document or file can be put in the menu — no restrictions and no conditional php!
  • Very fast execution, with a sliding effect for the dropdowns. 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)

Note the different kinds of documents in the demo menu. It can handle any kind of document or URL that you want:

  • Home: A regular home page with posts.
  • About: A page with information about me and this site.
  • Menu Info: This page, with a dropdown that includes several offsite URLs, including a download zip file.
  • Offsite URL: An offsite URL that takes you to my Anxiety, Panic & Health site.
  • Levels Demo: A page, with three levels of dropdowns.
  • Category: A category page, with a dropdown of two posts.

The dropdown has the following items: