Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeOur CommunityOur CommunityCommunity Membe...Community Membe...5 Free XHTML Compliant Pure CSS Skins5 Free XHTML Compliant Pure CSS Skins
Previous
 
Next
New Post
7/1/2008 10:12 AM
 

Hello,

For the latest July issue of DNN Creative we have released 5 free XHTML compliant CSS skins:

These templates have been chosen due to their different design and CSS techniques used. Each of these template designs used a different approach while converting them to a DotNetNuke skin, so you will be able to view the code and learn from this variety of implementations.


Skins:


Lazy Days
Lazy Days
Fluid design, re-size the browser window and view how the balloons and buildings move. View the text styling, especially the implementation of blockquotes. The DotNetNuke control panel in this skin had to be moved to the bottom of the page so it would not interfere with the design.
Zenlike Zenlike
Fluid design centred with a background image. This skin presented an interesting challenge when converting to DotNetNuke, especially so that the background image would not interfere when administrating in DNN. The control panel in this skin is placed underneath the main header.
Bitter Sweet Bitter Sweet
Stylish fixed width skin. The main challenge for this skin was the layout of the panes in DotNetNuke, if a pane did not contain any content, the layout collapsed. This was fixed by changing and improving the original CSS of the XHTML template so that it is suitable for a CMS. Notice how the title backgrounds extend outside the text in the content pane.
Greenery Greenery
Interesting fixed width design with an image cutting the skin in half. This presented interesting challenges when implementing the right pane in DotNetNuke and preventing the pane dropping below the main content in IE6.
Dark Ritual Dark Ritual
Fixed width 3 pane skin. Dark background skins always present a challenge in DotNetNuke when working in the administration area. A 1 pane skin was created with a white background in the content area for administration tasks, along with special styling for the FCK editor so that content can be viewed when adding images and links using the FCK editor.

View all skins live

Hope you find them useful,

Thanks,

Lee


Lee Sykes - DNN Creative Magazine - 600+ Video Tutorials, Articles, Interviews - July Issue 58 out now!
DNN Creative Magazine for DotNetNuke

Twitter: www.twitter.com/DNNCreative

Lee Sykes's Facebook Profile
 
Previous
 
Next
HomeHomeOur CommunityOur CommunityCommunity Membe...Community Membe...5 Free XHTML Compliant Pure CSS Skins5 Free XHTML Compliant Pure CSS Skins


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out