Simple List

The simple list is exactly what it says. The plugin will output a string of links that will appear similar to the following in the source code:

Notice that in the list above, there are no line breaks - only hard returns. This is intentional. The point is to use the CSS to force the system to display the links as you would like them to appear.

This is a particularly useful option when working with some of the dynamic drop-down and flyout menu scripts, such as the one used on the navigation at the top of this website (in the green).

For example, we applied the following CSS code to the custom.css file in order to acheive the affect you see to the left:

    a.linklevel0 {
        display:block;
        padding: 3px;
        background: #E0E2D5;
        border: silver solid 1px;
        margin: 3px 10px;
    }
    a.linklevel0:hover {
        background: #FFF;
    }

The effect you see is that when you mouse over, the background changes. The buttons are automatically arrayed in a single column with one link per line. You can adjust the style all you want with your own copy of the plugin on your site.

Also note that there is a "first" and "last" added to the class names for the first and last links in the simple list. This allows you to make more specific modifications to the first and last elements, such as use different background images, different borders etc.