home >> css menu generator >> help

Help Info

• Quick Start: Step-by-Step Guide
• Menu Items
  • add
  • edit
  • move (position)
• Main Settings
  • colors, fonts, borders...
  • menu class
• Horizontal Menu
• Vertical Menu
• Combo-box (drop-down) menu
• Pull-Down Menu
• Adding menu to your pages...

Quick Start

The interface should be user-friendly, but one quick step-by-step example follows just in case you need it:

1. Open CSS Menu Generator
2. Click "New Item" to add menu item:
   
3. In the dialog box, just enter your item title and the URL and click "OK" button. (Note that the Link URL can be relative (like: "/somepage.html") or absolute (for example: "www.mysite.com/mypage.php")
   
4. Repeat step 2-3 until you build the entire menu structure.
5. If you want to build so called "Pull-Down" menu (a menu whith submenus attached to each menu item) - click the "New Sub-Item" button to add these sub-menu items.
6. Go to the respective menu-builder tab (for example - click on "Horizontal Menu" to build simple top menu without pull-down functionality). You'll see all the changeable settings available for you to click and change
   
   
7. Just click on some of these buttons to see how they work. Note that if you fill some field manually, you'll need to click "refresh" button to rebuild the menu.
8. When you're ready with the look-n-feel of your menu, go to the "HTML/CSS Code" tab to get the html, css and/or JavaScript code for the menu
   
9. You can copy/paste the code or save it, or if you are not sure what to do - just click on the "XHTML File" tab and get complete page with the menu included. (This is the best way to explore how it works)...

[ back to contents ]