DotNetNuke Nav Menu Skinning - 11 Videos
Posted by: DNN Creative Magazine for DotNetNuke,
on 04 Aug 2009 |
View original | Bookmarked: 0 time(s)
In this tutorial we demonstrate the DotNetNuke NavMenu. The NavMenu is the default menu that comes with DotNetNuke, we demonstrate how to configure and setup the NavMenu in your DotNetNuke skins and how to create a horizontal menu, vertical menu and both a horizontal and vertical menu on the same page.
To begin the tutorial we demonstrate how to create a basic 1pane simple skin and add the NavMenu to your skin. The first menu we create is a horizontal menu, we show you how to add a background faded image to the menu, how to set the styling for hover over, the breadcrumb trail styling for the menu, (ie. the currently selected page) and how to work with the various attributes that are available for the NavMenu.
Following this we create a vertical menu and then demonstrate how to display both a vertical and horizontal menu on the same page. To finish we show you the attributes that are available for configuring which menu items should display when two menus are presented on a page.
The videos contain:
- Video 1 - Introduction, Adding a Horizontal Nav Menu to a Skin
- Video 2 - An Overview of the Nav Menu Token Attributes
- Video 3 - Initial Background Styling and Positioning for the Menu
- Video 4 - How to Style the Root Menu Items
- Video 5 - Styling the Currently Selected, Mouse Over and Sub Menu Items
- Video 6 - Styling the Sub Menu
- Video 7 - How to Create a Vertical Menu Skin
- Video 8 - How to Style the Vertical Menu
- Video 9 - How to Display a Vertical and Horizontal Menu
- Video 10 - How to Configure the Display of 2 Nav Menus
- Video 11 - Configuring Which Pages to Display in the Vertical Menu