Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

FSS Advanced Layout - Menus

Owned by Anastasia Cheetham
Last updated: Sept 08, 2011 by heidi vallesVersion comment

All Advanced Layout Examples

Tabs

Menus

Widgets

Icons

Layout Fix

FSS Documentation

Fluid Skinning System (FSS)
FSS Naming Conventions
FSS Cheat Sheet
Mobile FSS Cheat Sheet

Demos: Columns
Demos: Tabs, Menus, etc.
Demos: Text
Demos: Themes

HTML and CSS Background
CSS Bugs, Gotchas

Still need help?

Join the infusion-users mailing list and ask your questions there.

Menus

The "menus" classes will convert an unordered list into a vertical menu. The implementor must programmatically respond to user input, including programmatically moving the fl-activemenu class on the currently active tab. The examples on this page are not functional in that sense.

The mark-up and classes used to produce this layout:

<div class="fl-container-200 fl-centered">
    <ul class="fl-list-menu">
        <li><a href="#_bottom">Menu item #1</a></li>
        <li class="fl-activemenu"><a href="#_bottom">Active Menu item</a></li>
        <li><a href="#_bottom">Menu item #3</a></li>
        <li><a href="#_bottom">Menu item #4</a></li>
        <li><a href="#_bottom">Menu item #5</a></li>
    </ul>
</div>