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 ConclusionShow as single page
By Lee Sykes
March 2006

Here we will provide some of the key elements and tools that you can use to test your skins.

Let’s begin by looking at the elements you can test.

Images

Some users still disable images to speed up the loading of web pages, especially when they are using a slow dial-up connection.

If you turn the display of images off, can you still read and understand your website design?

Supposing you have placed a blue image behind some white text, if that image is removed, can you still read the text? If you haven’t specified a background colour and the image is removed, the background may use the default white colour, therefore you will have white text on a white background.
Solution:
When you specify a background image for a class, also specify a related background colour, this means that when the image is removed, the white text can still be read because you have specified a blue background.

ie:

body
{
    background-image: url(bluegradient.jpg);
    background-color: Blue;
}

vortex menu with images disabled
This is the vortex skin menu with the images disabled. Notice that if we did not specify a background colour of white, the text would be black on a black background.

vortex menu with images enabled
This is the vortex skin menu with the images enabled

Images | Page 1 of 9 | Font Sizes

Downloads

 TitleOwnerCategoryModified DateSize 
Testing a skin example filesLee Sykes DNN Creativecode2/13/2006UnknownDownload
You are not logged in.
You must log in to access all 
650+ videos, tutorials, podcasts, and more.
RSS Feeds