- CSS Codes
- Horizontal CSS Menus
- Vertical CSS Menus
- Image CSS
- Form CSS
- DIVs and containers
- Links & Buttons
- CSS3 demos
- CSS Layouts
- Two Columns
- Three Columns
- Fixed layouts
- Liquid Layouts
- CSS Frames
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!
Step 1: Download the theme specific .css file:
/ddlevelsfiles". This file changes
depending on your theme selected. Media content.
Step 2: Insert the following
code into the
<head> section of your page:
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 "
relative to your menu page:
Step 3: Finally, add the below HTML code where you wish the menu to appear on your page:
The code of Step 3 above varies slightly depending on the theme you've selected. Specifically:
classname changes accordingly.
SPANthat wraps around each menu link (
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.