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, ...CSS website to DNN5 SkinCSS website to DNN5 Skin
Previous
 
Next
New Post
5/21/2010 9:03 AM
 
I have made a website which contains a HTML file and a CSS style-sheet. I am looking to turn this into a skin for my DNN5 site. After searching the net for various tutorials I have been unable to find a simple guide to allow me to do this. The closest I have found is on the dnncreative site, but it seems this requires a subscription.

Can someone point me in the direction of some free tutorials? Or at least inform me of the steps i need to take to turn my CSS template into a skin.

I am good with HTML and CSS, but it seems that finding some good free learning materials for integrating these into DNN5 is difficult. There are plenty of paid for services but I would like to learn how to do this myself.

Thanks
 
New Post
5/22/2010 4:03 AM
 

There are several posts in the forum that cover this said topic, and I think it's about time someone (possibly me) put together a comprehensive tutorial on creating a skin from scratch for DNN4 and DNN5.

I'd recommend having a look at the skinning guide: http://www.dotnetnuke.com/Support/Docu... although this is more focused on DNN4 it gives you a good overview of the process with regards to using DNN skin tokens.

Then have a look at this post, as it covers some DNN5 related skinning options: http://www.dotnetnuke.com/Community/F...

Once you've had a read over these, I'd recommend looking at the MinimalExtropy skin files that comes with Dotnetnuke, the files can be found in your DNN installation int he following directory Portals/_default/Skins/MinimalExtropy. This is probably going to give you the best look at how to build a skin as it contains all the files required for a skin pack.

When I'm working on a skin pack I always follow this kind of path:

1. Design
2. Build of HTML and CSS
3. Removal of content elements such as banners, text, navigation, user controls
4. Adding of skin tokens and panes
5. Styling of skin tokens
6. Testing the skin on a local server and refining the styles
7. Creation of containers
8. Packaging up of skin files

If you're working locally, I'd recommend installing a copy of DNN to your machine as it helps to speed things up, and you can use the Windows Platform Installer to do this: http://www.microsoft.com/web/download...

I think if you read through the skinning guide, forum post and have a look at the skin this should give you a good grounding on the skinning process, and if you have any questions you can usually get answers on twitter, or through the forum.

Hope this helps you out :)

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
6/6/2010 2:00 AM
 
Rick, does MinimalExtropy remove Banners from displaying in the Top of the page? I can't seem to get it to work.
 
New Post
6/7/2010 4:57 AM
 

Lyle,

When you say banners, what exactly do you mean? Is it banner advertising you're setting up, a large full-skin-width header banner you want to place in a pane? or something else?

Regards,

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
6/7/2010 10:17 AM
 
Rick,

I have setup banners inside the vendors module. In older versions of DNN, I can see the banner on the top right section of the page. With this latest version of DNN (5.4.2 - clean install), it doesn't show up. If I use the Banner Module, I can see the banners, but not at the top of the page as I can only place the module in the 4 basic panes. What do I need to do to see the banner at the top (right-aligned at the same level as the logo)?  I haven't installed any additional skins. I'm using the default skin Minimal Extropy.

Thanks in advance. I appreciate your time.

Lyle
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...CSS website to DNN5 SkinCSS website to DNN5 Skin


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