|
|
|
Horizontal CSS menus in DotNetNuke using the HouseMenu - 7 Videos
In this tutorial we demonstrate how to create 3 horizontal CSS menus using the
HouseMenu created by Tim Rolands from the House of Nuke.
We walk you through step by step, editing the
free Simple Red Leaf CSS skin, and convert it to use horizontal menus. All of the skin code is available for download with the videos.
The menus
We explain how to create a:
Single horizontal menu that just displays the root items of the menu
Horizontal menu with a sub menu
Horizontal menu that uses images for the buttons with a sub menu
The videos cover:
- Video 1 – Introduction and demonstration
- Video 2 – Creating the layout initial configuration for a horizontal CSS menu
- Video 3 – Styling the horizontal root menu
- Video 4 – Configuring the horizontal sub menu
- Video 5 – Styling the sub-menu and setting up for all root menu items
- Video 6 – Pros and Cons, Creating a submenu using images to create a button effect
- Video 7 – Styling the image menu
Total Time Length: 65mins
View video 1 to watch an introduction to the tutorial (3.8MB)
Watch all videos:
Creating Horizontal CSS menus in DotNetNuke using the HouseMenu
Read More..