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.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 6 Next »

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-activement class on the currently active tab. The examples on this page are not functional in that sense.

Unknown macro: {html}

<div class="menu-demos">
<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>
</div>

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>
  • No labels