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, ...Skinning modules?Skinning modules?
Previous
 
Next
New Post
6/12/2008 7:17 PM
 

First I want to let you know yes I'm a newb when it comes to dnn and especially to skinning.  I appreciate any help.  I am interested in skinning or creating templates for the modules in dnn.  I know part of it will have to do with the module itself but what I am interested in doing is getting basic understanding of how to start creating skins or templates for modules.  One example is the forum module, it says you can change the look but I'm having trouble figuring out how.  It isn't just that module though, I just want to be able to change the look of the modules on my page to fit the look and feel of my page in general.  Is there a general manual out there or a good starting point?

Thanks

 
New Post
6/13/2008 1:08 AM
 

Hi Greg,

My advice is to first read the skinning guide.  It is located in the top menu under Resources > Documentation > Downloadable Files.  Once on the page look for the "Skinning Guide" PDF.

It seems like you need to learn the difference between Skins and Containers.  The Skin is the overall layout of the page, which is affected by the skin.css file and whatever ascx file you chose for that particular page.  Then around each module that you place within a page, you have a wrapper (Container) around each module.  This is basically that ugly blue gradient on top of each module in the defualt blue dnn skin.

The files for the skins are located in the folder Portals/_default/skins
the skins will use a CSS file called skin.css

And the files for the containers are located in the folder Portals/_default/Containters
containers will use a CSS file called container.css

Hope this helps. Feel free to ask any other questions you might have.

-James

 

 

 

 
New Post
6/13/2008 11:18 AM
 

Thanks for the help but what I mean isn't changing the look of the containers.  I have containers I like that came with the skin I purchased.  I want to change the look of the module itself.  Font sizes and colors and the background of the program in the module.  Some of the modules I have say it can be done (mainly free modules) but I'm not very sure of how to do it.  I'm not sure if this is a module specific thing, like each module has its own way of changing the way it looks or if there is a standard way module creaters implement that capability into their modules.  If it is standard I thought there would be a place with a guide on how to do it.  But so far I haven't been able to find it. 

 
New Post
6/13/2008 11:28 PM
 

Sorry I misunderstood.

With the modules themselves you pretty much have to learn on a module basis since they are all created by different developers.  Some modules make use of Tokens and some do not.  On the modules that use tokens you normally have some kind of settings page that will ask for a template in html format mixed with tokens.

As far as the core forums module, I don't have much experience with it.  It seems like the preconfigured forum templates are hard to come by.  If you just wanted to change simple things such as font size and background color, you just need to look for the css file that is being used. It looks like for the forum module, they stick the css in DesktopModules > Forum > Themes > Default > Default.css

There is also an images folder there that should contain the default images used in the forum.

Normally when I'm new to a module and want to figure out how to change the look, I first check out the styles that are being used by viewing the source in my browser.

In Internet Explorer:

- Right click the web page > View Source

- Then find some part of text to search for inside of the module.. In the forum module by default there is some text inside called "General". You can search whatever text you think will be unique in that individual module

- so in the source view that we opened, I hit Ctrl - F  and search for "General"

- it pops up with an instance of "General" and right before that you see class="Forum_NormalBold"

- so now we know that the the forum group title uses a css style called "Forum_NormalBold"

- go into the default.css file under the themes folder and change this style to your knew look

Such as:

.Forum_NormalBold, A.Forum_NormalBold:Link, A.Forum_NormalBold:Visited, A.Forum_NormalBold:Active, A.Forum_NormalBold:Hover
{
     font-size: 16px;
     font-weight: bold;
     font-family: Arial;
     color: red;
}

 

Hope this helps a little more than my last post.  Let me know if something doesn't make sense to you.

-James

 
New Post
6/14/2008 1:32 AM
 

Thank you very much. Actually thats just what I needed.  I should be able to figure it out from here, just needed a starting point.

thanks again

greg

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Skinning modules?Skinning modules?


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