DotNetNuke tutorials, tips and tricks

Tuesday, June 08, 2010

Skinning with DotNetNuke 5 Super Stylesheets Layouts - 12 Videos

In this video tutorial we demonstrate how to use Super Stylesheets in DotNetNuke for quickly and easily designing the layout of your DotNetNuke skin.

Super Stylesheets are ideal for both beginner and experienced skin designers, the advantage of Super Stylesheets is that you can easily create a skin layout which works in all browsers without the need to learn complex CSS techniques.

We show you how to build a skin from the very beginning using Super Stylesheets.

Skinning with DotNetNuke Super Stylesheets The videos contain:

Video 1 - Introduction to the Super Stylesheets DNN Layouts and Initial Setup

Video 2 - Setting Up the Skin Layout Template Code

Video 3 - Using the ThreeCol-Portal Layout Template for a Skin

Video 4 - How to Add Tokens to the Skin

Video 5 - Setting Background Colors for Content Panes and Creating CSS Containers

Video 6 - How to Create a Footer Area and Reset the Default Styles

Video 7 - How to Style the Text in the Content, Left and Right Panes

Video 8 - SEO Skin Layouts for DotNetNuke Tokens

Video 9 - Creating Several Skin Layouts Using the Layout Templates

Video 10 - Further Layout Templates and MultiLayout Templates

Video 11 - SEO Layout Template Skins

Video 12 - Final SEO Positioning of the Skin Code


Skinning with DotNetNuke Super Stylesheets - DNN Layouts

Labels: , , , , , , , , ,

Wednesday, August 13, 2008

DotNetNuke Print Stylesheets and CSS Reference Book

DNN Creative have released issue 35 of the DotNetNuke Magazine.

This month we show you how to create a print stylesheet for use with your DotNetNuke skin.

There is a built in token within DotNetNuke that allows you to print the content of individual modules, however this is limited as it only lets you print one module at a time.

We show you how to:

  • Create a print stylesheet
  • Format the layout of the print stylesheet
  • Remove unwanted content from the print version of your skin.
This is an essential technique for improving the usability of your DotNetNuke websites.

This tutorial comes complete with 7 videos

Also with this issue, we have produced the DNN Creative CSS Reference Book.

This 112 page reference guide shows examples of how to use each CSS property correctly and also displays the examples as they would appear on the page.

This resource is ideal for beginners and experienced users.

Labels: , , , , , , , , ,