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, ...Is something like this even possible to code with this host?Is something like this even possible to code with this host?
Previous
 
Next
New Post
1/8/2009 4:41 PM
 

Okay well I dunno if Ill download version 5 because I don't know anything about xhtml. Do you know of any tutorials I can use to get me started? Or how did you get started?

 
New Post
1/8/2009 5:38 PM
 

Oh, you don''t have to make an XHTML skin, you can in DNN 5. Start with the skinning documentation.

 
New Post
1/8/2009 7:42 PM
 

Okay I downloaded a starter kit, do I just edit the style sheets? Seems easier than I expected...

 
New Post
1/9/2009 3:22 PM
 

n.murray wrote

Okay I downloaded a starter kit, do I just edit the style sheets? Seems easier than I expected...

1- As far as I know, the 'starter kit' is for developing in Visual Developer IDE.

2- If you're interested in skinning using CSS for compliance, you should probably get familiar with XHTML and the various Doctypes and their nuances. I would probably suggest sticking with XHTML 1.0 Transitional, as many 3rd party modules may still have issues passing a strict doctype validation.

3 - skinning DNN is much more simple than it would appear. Bascially, either reverse-engineer the default skins or you can just make a set of skin documents (skin.html and skin.css should suffice for a start) then just make your design and place tokens where you need your elements to be:

 

skin.html

<div id="ControlPanel" runat="Server" class="contentpane"></div>
<div class="LogoDIV">[LOGO]</div>
<div class="NavDIV">[NAV]</div>
<div id="ContentPane" runat="Server" class="contentpane"></div>
<div class="LoginDIV">[LOGIN]</div>

That should create the world's most basic DNN skin with all the crucial elements (Control Panel, Content Pane, Navigation and Login). From there it's just a bunch of formatting and usability testing. Also, please note that the above method is what I used for 4.9 and earlier. I have not had any chance to create a 5.0 skin so I don't know how well this method will carry over.

Also, pick up the books "DotNetNuke Skinning and Design" along with "DotNetNuke for Dummies" and there's a new WROX book out for DNN 5 as well. Also, you may want to checkout DNNCreative for tutorials or check out Nina's work at http://www.xd.com.au/ .

However, if you're not familiar with HTML, I would strongly suggest you start there before jumping into skinning a CMS system. There are alot of basics there that you will find yourself building upon, not only for simple tag structure but for things like DocTypes and CSS Classes/IDs/ etc. The good news is that DNN is one of the more simple skinning engines, it just seems a bit overwhelming at first but just keep at it and hone your Googling skills.


Wells Doty Jr
Online Content Development
 
New Post
1/9/2009 9:45 PM
 

If you are already familiar with DNN Creative did you happen to get a copy of the free CSS skin.  Just take a look at the skin files in your favorite editor and refer to the DNN skining docs mentioned above at the same time.   It really is pretty simple.

Zenlike 1.0 is a free, lightweight, tableless, fluid W3C-compliant website design by NodeThirtyThree Design, and it has been adapted to a DotNetNuke skin by Lee Sykes

http://www.dnncreative.com/Tutorials/SkinningTutorials/Zenlike/tabid/411/Default.aspx

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Is something like this even possible to code with this host?Is something like this even possible to code with this host?


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