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, ...Tutorial for DNN skinning.Tutorial for DNN skinning.
Previous
 
Next
New Post
2/16/2009 2:55 PM
 

Hi All,

I have started looking into DNN 4.* for an upcoming project using VS2005 for the development.I can find help/lab exercises for creating DNN modules, but not much help for creating a DNN skin using VS2005.

I have installed a template to create DNN skin in VS2005 .But,it does not help me since there is no help/explanation for creating even simple skins.

Any pointers to create basic skins in VS2005 will be appreciated.

-AG

 
New Post
2/17/2009 3:05 AM
 

The way I learned was to just dive into the default skin of DNN. These files are located in /Portals/_default/ folder.

Inside of that folder you should have "Default" and "MinimalExtropy".  I would copy either one of these folders over to /Portals/0 so you don't mess with the originals - then rename the folder (to something like 'TestSkin'. So you end up with /Portals/0/Skins/TestSkin/.  Once you upload this copy of the skin on your production server, DNN will allow you to select this "TestSkin" under the skin settings in web interface.

Now just mess with the .ascx files inside of your TestSkin folder and learn by trial & error.  It's pretty much simple HTML with tokens thrown in.  Skin.css will be where most of your CSS rules will reside. 

There is a skinning guide under "Documentation" section of this site. Although it hasn't been updated since 2006, the basics have stayed the same.

 
New Post
2/17/2009 4:30 AM
 

Understand this three files:

  1. skin.htm: defining you page sceleton (either with tables or divs) and including the skinobjects like Solpartmenu, Login/Logout, Contentpanes etc.: DNN Skinning Guide
  2. skin.xml: properties/settings of the skinobjects: DotNetNuke Skinning Reference by ThinkofDesign.com
  3. skin.css: formatting your divs/tables and the skinobjects by overriding the default.css: DotNetNuke Skin CSS Classes Demonstrated
 
New Post
2/17/2009 11:00 AM
 

When you suggest "Now just mess with the .ascx files inside of your TestSkin folder and learn by trial & error." does this mean that any editor will do, and that Visual Studio is not needed, or even helpful?

Somehow, I invisioned that I would use Visual Studio to develop (write and test) skins, and that would be better than notepad. Am I wrong?

If I open Portals/_default/skins/MinimalExtropy/index.ascx  using Visual Studio, I see lots of errors because of broken references such as CodeBehind="~/admin/Skins/skin.vb". There is no such file. 

I understand that I could just HTML files instead, but ASCX files seems more powerful.

Advice would be appreciated.

 
New Post
2/17/2009 11:24 AM
 

Hi Gary,

i guess this is just something related to personal objectives.
I Personally use VS2005 to modify and/or create Skins. I do not even touch the CodeBehind Files at all.
VS gives you at least the ability to use some of the very helpful functionalities of a modern editor.
VS itself will not help you testing your skins though. I usually do modifications and reload the modified skin to a local DNN Environment to check the changes.

You could use a combination of HTML and XML Files to create Skins also, but (again a personal impression) i don't like that procedure. You have to split up your editing into two files...modifying the HTML to make genera changes in the Skin Structure like Pane Layout etc. and besides hat making changes to the XML File to set attributes for the DNN:TOKENS.

I definitely use only the .ascx editing method.



Herzliche Grüße aus Hückelhoven
Frank Wahl
www.eagleworx.net

EagleworX.net
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Tutorial for DNN skinning.Tutorial for DNN 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