List-o-Rama!2 Manual

The Basics: Creating an Inline CSS Menu

In this tutorial we will show you how to create an inline CSS Menu using the List-o-Rama!2 extension.

*You can also check out the video here.

How to do it

1.Define your site in Dreamweaver and create a new page.

2.Applying the extension – Choose the icon from the DMXzone object bar to apply the extension.

The List-o-Rama!2  dialog appears:

3.Adding menu items to our menu – First add your menu items by clicking the "+" button, enter a name for the item, title and link.  When you're done click Next>.

4.Choosing a style – In List-o-Rama!2  there are 22 CSS designs. You can choose between Horizontal, Tabs and Vertical Menus.  For our menu we'll choose a Horizontal menu, so click the Horizontal menu radio button and then Next>.

Choose one of the Horizontal menu styles and click Finish>.

5.Save your work and preview it in your favorite browser – You can change the style of your menu any time, simply run the List-o-Rama!2 extension and select another one.

*If you need more powerful menu, you might be interested in our Universal CSS Navigation menu. The Universal CSS Navigation Menu for Dreamweaver allows you to create all kind of great web site navigation menus: Cascading Drop down Menus, Mega Menus, Popup or Context Menus. The menus use great display animations, are CSS based and fully cross browser compatible, which makes them search engine friendly, easy to use and very stylish. Choose from the 13 supplied CSS designs, adjust them or create your own to fully suite your site.