PacktLib: DotNetNuke Skinning Tutorial

DotNetNuke Skinning Tutorial

Credits

About the Author

About the Reviewers

Preface

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

Summary

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

Summary

Page Layout

Page Design and Layout

How to Position

Browser Caching

Moving On with Our Skin

Summary

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

Summary

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

Summary

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

Summary

Images and Web Design

Choosing a Graphics Editor

Begin with the End in Mind

Doing Homework

Inspiration

Purchasing a Design

Design

Creating Images

Putting the Images into Your Skin

Replacing the DNN Default Icons and Graphics

Summary

Creating Containers

Creating Our First Container

DNN Tokens for Containers

Adding to the Container

Implementing More Graphics

Summary

Package and Deploy

What is Packaging?

Is Packaging Necessary?

How to Package

How to Deploy

Creating Thumbnails

Handling Bad Installs

Summary

Skinning the Control Panel

Your Choice of Control Panels

Control Panel—In Detail

Change the Background Color

Streamline the Control Panel

Summary