Tuesday, January 2, 2007

Tabbed DNN menu

userootbreadcrumbarrow="false" - Ensures that the arrows do not appear.
leftseparator=" " - If you don't insert a non-breaking space here, the left side of the tab will collapse.
rightseparator=" " - If you don't insert a non-breaking space here, the right side of the tab will collapse.
leftseparatorcssclass="YourClassName" - This is the left-hand side of your tab in its "Off" state, so specifiy a height and width for the class as well as a non-repeating background image.
rightseparatorcssclass="YourClassName" - This is the right-hand side of your tab in its "Off" state, so specifiy a height and width for the class as well as a non-repeating background image.
rootmenuitemselectedcssclass="YourClassName" - This is your Mouseover state for the tabs. By creating this class, you can specify a different rollover state for the Main menu items and the Submenu items.
leftseparatorbreadcrumbcssclass="YourClassName" - This is the right-hand side of your tab in its "On" state, so specifiy a height and width for the class as well as a non-repeating background image.
rightseparatorbreadcrumbcssclass="YourClassName" - This is the right-hand side of your tab in its "On" state, so specifiy a height and width for the class as well as a non-repeating background image.
rootmenuitembreadcrumbcssclass="YourClassName" - This is the body of your tab in its "On" state, so specifiy a height and width for the class as well as a horizontally-repeating background image.
That covers the left and right-hand sides of tabs in both their "On" and "Off" states, as well as the background for a tab in its "On" state.
To achieve the background for the "Off" tabs, apply the tab's background image to the MainMenu_MenuContainer class.

No comments:

 
Jeffrey Ting Jeffrey Ting on Facebook Jeffrey Ting on Spock Jeffrey Ting on Plaxo Jeffrey Ting on Spoke Jeffrey Ting on LinkedIn