PacktLib: DotNetNuke Skinning Tutorial

DotNetNuke Skinning Tutorial


About the Author

About the Reviewers


Overview of DNN Skinning

What is Skinning

What are Skins Made Of

The Default Skins

Where are Skins Located

File Types in Skins

An Overview of the Skinning Process

What You Can Do With Skinning


Creating Your First Skin

Choosing an Editor

Installing Visual Web Developer

Installing the DotNetNuke Starter Kits

Setting Up Your Development Environment

Creating Your First Skin

What Do We Have Here?

Why Parse?

Finishing Touches


Page Layout

Page Design and Layout

How to Position

Browser Caching

Moving On with Our Skin


Adding Style

A CSS Refresher

Seeing Style in Action

A Portal's CSS in Site Settings

Back to Our Skin

A Spacing Problem

Browser Compatability


Configuring Skin Objects

What are Skin Objects

What is There to Do with Skin Objects

Creating Our XML Skin File

Implementing Style with CssClass

Skin Objects You Don't See Everyday

Adding Pages

The Breadcrumb Skin Object

Skin Objects' Attributes


Configuring the Menu

The New Menu

Initial Menu Configuration

Basic Menu Attributes

Setting the Style Attributes

Setting Paths in the DNNMenu

Child Image Attributes

Future Changes


Images and Web Design

Choosing a Graphics Editor

Begin with the End in Mind

Doing Homework


Purchasing a Design


Creating Images

Putting the Images into Your Skin

Replacing the DNN Default Icons and Graphics


Creating Containers

Creating Our First Container

DNN Tokens for Containers

Adding to the Container

Implementing More Graphics


Package and Deploy

What is Packaging?

Is Packaging Necessary?

How to Package

How to Deploy

Creating Thumbnails

Handling Bad Installs


Skinning the Control Panel

Your Choice of Control Panels

Control Panel—In Detail

Change the Background Color

Streamline the Control Panel