Installing and Using DotNetNuke Skins

Installing DotNetNuke 4.9.x Skins
Installing DotNetNuke 4.9.x Menu Skin Object
Installing Skins in DotNetNuke 5.1
Working With Vertical Menu
Applying DotNetNuke Skins
DotNetNuke Places

Installing DotNetNuke 4.9.x Skins

1. Login to your DotNetNuke website as an Administrator/Host.
2. Go to Admin -> Skins/Host -> Skins.
3. Select the "Upload Skin" option.
4. Browse for the exported skin file (<ExportedSkinName>.zip), then click the "Install Skin Package" link.

Installing DotNetNuke 4.9.x Menu Skin Object

1. Login to your DotNetNuke Administration.
2. Go to Host -> Module Definition.
3. Select the "Install New Module" option.
4. Browse for the ArtMenuSO.zip file, and then click the "Install New Module" link.

Installing Skins in DotNetNuke 5.1

1. Login to your DotNetNuke Administration area as the "Host" user.
2. Go to Extensions -> Install Extension Wizard.
3. Browse to the skin file (<ExportedSkinName>.zip) on your local drive.
4. Follow the wizard steps until the skin is installed.

Working With Vertical Menu

Artisteer automatically creates a vertical menu and saves it as a skin object in the page.ascx file along with the design settings. You may choose to change the vertical menu location on the page by finding the following element inside the page.ascx file, cutting and pasting it in the right place for you:

<dnn:ARTMENU ID="ArtVMenu1" ShowHiddenTabs="False" ShowAdminTabs="True" ShowDeletedTabs="False" ShowLoginTab="True" ShowUserTab="True" Orientation="Vertical" Caption="" runat="server" />

Please note, modifying the code you take the full responsibility for its validation.
To create a Vertical menu with Sub-Items:

1. Enable the Multiple menu levels in Artisteer > Vertical Menu tab -> Sub-Items -> Levels. Make sure that the sample Vertical Sub-Item works within the template previewed in Artisteer.
2. Create a menu with Sub-Menu items in DotNetNuke.The Sub-menu Items should have the parent items specified for them.

Please remember that the Sub-Items will not appear on the cursor hover unless you click the parent item.

Applying DotNetNuke Skins

DotNetNuke skins can be applied at a single page or the entire portal level.

1. To apply your Skin to an individual page, go to the Page Settings and select Page Skin in the Advanced Settings -> Appearance -> Page Skin / Page Container : <ExportedSkinName - page>.
2. To apply your skin to the entire Website, go to Admin -> Site Settings -> Basic Settings -> Appearance -> Portal Skin / Edit Skin and select <ExportedSkinName - page> and <ExportedSkinName - page-admin> options from the dropdown lists as shown below:
3. Click the Update link to save your changes.

DotNetNuke Places