Learn DNN / DotNetNuke

Simple Red Leaf CSS Skin

Introduction | Features | Installation | Skin Useage | Work in Progress

Created By Lee Sykes

Released March 2006
Updated March 2007 v1.3

This free skin is the 'Simple Red Leaf Skin' - it is a pure CSS skin.

The aim of this skin is to provide a clean, simple, search engine friendly and accessible skin.

You can view the skin live here: http://skins.dnncreative.com

The layout is created using just CSS (no tables) and makes use of CSS for styling the fonts, menu etc.

It does not use the SolPart menu. It uses the House of Nuke CSS Menu.

There have been many posts in the forums regarding the use of pure CSS skins in DotNetNuke and the compatibility problems that can occur, so the aim of this skin is to create a solid, flexible skin that takes advantage of the features that CSS layout designs provide:

Accessibility, Flexibility, Print View, Search Engine Friendly, Small File Size, Browser Compatible, etc.

The skin is purposefully simple to enable you to learn from the design and easily change the design of the skin. – It’s a two minute job to change the background image and menu colours.

Red Leaf CSS Skin

Make sure you read the full installation instructions as the skin requires additional setup steps BEFORE installing the skin.

Along with the skin is the launch of a CSS and DotNetNuke Research site, which is a completely free community resource to enable everyone to share code, tips, ideas etc. on working with pure CSS layouts.

Supporting the skin is also a series of video tutorials which walk you through How to Create The ‘Simple Red Leaf’ Pure CSS Skin.

Introduction | Page 1 of 5 | Features

You need to Register for free to DNN Creative Magazine and Login to access this download.

Versions

March 2007 v1.3

Special skin release version for DNN 4.4+
This version uses the new DOC TYPE feature in DNN 4.4+ and enables the DOC TYPE to be selected without making changes to the default.aspx file

May 2006 v1.2

Skin is fully XHTML Transitional 1.0 compliant and passes W3C standards
Fixes to containers, ids changed to classes (mulitiple ids causes invalid code)
Fixes to Javascript function in skin for selecting print.css and iehack.css files for validation

March 2006 v1.0

Initial Release of Skin

License

You are free to download this skin and use it on as many DotNetNuke portals as you wish. But you may not sell this skin or make it available for download on any other site.