Free Content

Bitter Sweet is a free, tableless, fixed width, XHTML compliant website design. This skin comes with 2 layouts in 2 versions:

• Index 2 pane skin with text header
• Index 2 pane skin with logo
• Admin 1 pane skin with text header
• Admin 1 pane skin with logo

It also comes with 3 containers:

• h1 content pane
• h2 right pane
• transparent, no title container

Greenery is a free, tableless, W3C-compliant website design. This skin comes with 3 variations

• greenery – index (main skin)
• greenery – index_submenu (main skin with a sub menu in the right pane)
• greenery – admin (single pane skin for use with admin pages)

It also comes with 2 containers:

• h1 title
• transparent, no title container 

This free XHTML / CSS website template is available to use without any limitations. It can be used on a non-commercial site as well as on a commercial one.

The skin contains six content panes:

• Top pane
• Content pane
• Content left pane
• Content mid pane
• Content right pane
• Right pane

And also comes with 6 containers:

• h1 container
• h2 container
• h3 container
• h3_lowercontent_panes
• h3_right_pane
• transparent, no title container

Curiously.green1.0 is a free, lightweight, tableless, W3C-compliant skin. This skin comes in 2 different types:

• with_logo - uses the logo from the admin menu / site settings
• no_logo - uses text for the site header which you can edit in the skin files

It also comes with 5 containers:

• h1 container
• h2 container
• h3 container
• transparent, no title container
• box (a highlighted container)

FreeStyle is a free XHTML compliant pure CSS skin. This skin comes in 2 different types:

• index_logo - uses the logo from the admin menu / site settings
• index - uses text for the site header which you can edit in the skin files

It also comes with 4 containers:

• h1 container
• h2 container
• h3 container
• transparent, no title container

Summer Breeze is a free XHTML pure CSS skin. This skin comes in 2 different types:

• index_logo - uses the logo from the admin menu / site settings
• index - uses text for the site header which you can edit in the skin files

It also comes with 4 containers:

• h1 container
• h2 container
• h3 container
• transparent, no title container

Andreas 09 is a free XHTML/CSS skin. This skin comes with 3 different layouts and 7 colours:

• 3 panes
• 2 panes with the side menu on the left
• 2 panes with the side menu on the right

It also comes with 4 containers, they are automatically styled depending on the pane you insert them into:

• h1 container
• h2 container
• h3 container
• transparent, no title container

Andreas 01 is a free XHTML/CSS skin. This skin comes with 3 different layouts:

• 3 panes
• 2 panes with the menu on the left
• 2 panes with the menu on the right

It also comes with 4 containers:

• h1 container
• h2 container
• h3 container
• transparent, no title container

In the latest version of DotNetNuke 4.4 .x, a new function has been introduced which allows you to change the DOC TYPE of a document directly within a skin. This is essential for CSS skins.

The video covers:

• How to switch DOC TYPES in DNN 4.4
• Preparations
• Viewing the current render mode
• How to create a doctype.xml file
• How DotNetNuke uses the doctype.xml file
• Testing the new skin
• Confirming standards compliance mode and quirks mode for the skins installed on the portal

Time Length: 9min
How to select DOC TYPES in DotNetNuke 4.4.x

In previous skinning tutorials, when working with pure CSS skins, we recommended to remove the Solpart Menu from a container and to use the [DROPDOWNACTIONS] token instead as it provides a performance benefit.

In the latest version of DotNetNuke 4.4.1 there is currently a bug with the [DROPDOWNACTIONS] token. There is however a simple fix ...
How to fix the [DROPDOWNACTIONS] token bug in DotNetNuke 4.4.1