Online Tools
Other Sections
Generator Info
Known Issues

All Levels Menu Generator

All Levels Menu Generator is an online wizard for quickly creating themed versions of All Levels Menu with a handful of attractive horizontal menu designs. Just click on the desired design to see a preview, and when you see one that you like, following the directions below. Enjoy!

: preview

Click on the desired one to see the download instructions for it following it.

Install Instructions For


Step 1: Download the theme specific .css file: ddlevelsmenu-topbar.css to "/ddlevelsfiles". This file changes depending on your theme selected. Media content.

Step 2: Insert the following code into the <head> section of your page:

Select All

The above code references 4 external files and 2 images, which you should download below. By default, they should all be uploaded to the sub directory "/ddlevelsmenu" relative to your menu page:

  • ddlevelsfiles/ddlevelsmenu.js (download)
  • ddlevelsfiles/ddlevelsmenu-base.css (download)
  • ddlevelsfiles/ddlevelsmenu-topbar.css (Downloaded above already. Theme specific file).
  • ddlevelsfiles/ddlevelsmenu-sidebar.css (download)
  • ddlevelsfiles/ddlevelsmenu-mobile.css (download)

Step 3: Finally, add the below HTML code where you wish the menu to appear on your page:

Select All

The code of Step 3 above varies slightly depending on the theme you've selected. Specifically:

  • The main DIV's CSS class name changes accordingly.
  • For certain themes, the HTML for the top menu items contains a SPAN that wraps around each menu link (A element).

In general, the portions highlighted in yellow above changes depending on your selected theme. This is useful information to know if you're modifying an existing All Levels Menu to use another theme.

And there you have it! For additional details on customizing the menu, see the main All Levels Menu page.

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post