Testing a DotNetNuke skin

Images | Font Sizes | Web Developer Tools | Browser Testing | Validating Skins | W3C's Online Tools | Validating HTML via File Upload | Validating CSS via File Upload | Web Developer Tool and Conclusion Remove the CSS Can the skin still function when the CSS file is removed? This is a simple test and allows you to quickly view how your skin will display if a browser or device does not support CSS. Web Developer Tools There is an essential tool which enables you to check these elements, amongst other items very quickly. If you don’t use the Firefox browser, I strongly recommend that you download it and install it just for this extension. This web extension, created by Chris Pederick is an essential tool for testing your DotNetNuke skins: http://www.chrispederick.com/work/firefox/webdeveloper/ This extension installs a toolbar into the Firefox browser where you can quickly select elements such as disable images, disable CSS, validate HTML, validate CSS, etc. The extension is also very useful for studying other DotNetNuke skins, as it also allows you to view the CSS code from a website, just browse the website that you like the design of and select view source code and view CSS and you can instantly view the techniques they have used to create their website design.

Font Sizes | Page 3 of 9 | Browser Testing

Downloads

	Title	Owner	Category	Modified Date	Size
	Testing a skin example files	Andy Stephenson	code	2/13/2006	Unknown	Download

---

Other areas of interest:

How to Install a skin and container in DotNetNuke
How to use skins and containers in DotNetNuke
The DotNetNuke Skinning Toolkit

Series: How to build a website in DotNetNuke
How to build a website in DotNetNuke
Planning a DotNetNuke website and the solutions
Skin design considerations
Creating a skin template

Skinning Videos
Setup preparations for skinning
Introduction to skinning in DotNetNuke
How to create a skin for DotNetNuke
How to create a container for DotNetNuke
Table tricks for search engine optimized skins in DotNetNuke
How to remove the Solpart menu from a container
How to install and configure the House of Nuke menu for a DotNetNuke skin
How to create resizable text in DotNetNuke skins
Styling text and images within the Text/HTML module using CSS and the FCKEditor
How to create a pure CSS skin
How to configure an XHTML compliant DotNetNuke 4.4

MP3 Interview
Skinning and DotNetNuke MP3 Interview with Tyler Fawcett

Free Skin
Simple red leaf CSS skin

Article
Become a Better Web Standards Developer
Testing a DotNetNuke Skin
CSS Shorthand code in DotNetNuke
Quirks, Standard Compliance modes and Doc Types
XHTML and best practice coding for skins and modules in DotNetNuke