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

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...basic steps to start with skinning ?basic steps to start with skinning ?
Previous
 
Next
New Post
12/29/2009 1:29 PM
 

 I like to dive into skinning.

However I noticed that the skinning guide from DNN is  from 2006.
 
As far I can discover on the internet and this forum i need:
 
1 Visual studio express
 - visual basic ?
 - web developer ?
 
2 the skin from dnn 5 to play with
 
Is there somebody out there, who can point out in a few basic steps what I need / to do exactly to start with?
 
Regards, Ton Hermes

Art is hard work, inspiration is the cream on top of it. See my watercolors at www.watermansite.com and my enamel art at www.watermanshop.com
 
New Post
12/29/2009 6:44 PM
 

Read the top post of this forum on the additions for DNN 5.

What do you need?

To develop skins you need a DNN installation and an editor to edit your HTML / ASCX and CSS and optionally some tools to make debugging your skin easier.

 

Dnn installation

The easiest option here is an installation on your local computer.

For a reference on how to install DNN check the installation documentation.

Contrary to what some Skinning documents state, you can use a regular DNN installation (using the install package), there is no reason to use the Starter Kit or the source version, unless you are going to develop modules too.

 

Editor

You can use any editor you like, for the HTML and CSS, for an ASCX skin Visual Studio seems the right choice because it will show you a skin objects attributes with intellisense, but you can also edit ASCX skins using notepad++ if you like.

 

Validate your HTML

Use a validator to make sure you don’t have any (X)HTML errors in your skin (unclosed HTML tags etc.). (X)HTML errors are the most common cause for browser related differences for a skin.

You can use the online W3C validators or the “HTML Validator” extension for Firefox, which show you the number of HTML errors in the browsers status bar.

 

Browsers

You should test your skin in several browsers, the minimum being IE 7 & 8 and Firefox.

Both offer you tools to view / debug the CSS of your skin. In Firefox you can install the Firebug extension and Internet Explorer 8 the “Developer Toolbar”. Both allow you to click on an element in your skin to see what CSS is influencing its appearance (and where it’s defined)

 

 

 
New Post
12/30/2009 2:00 AM
 

Hi Timo,

This is very helpfully.
I have my plate full now :-)

With regards, Ton


Art is hard work, inspiration is the cream on top of it. See my watercolors at www.watermansite.com and my enamel art at www.watermanshop.com
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...basic steps to start with skinning ?basic steps to start with skinning ?


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