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 - tables vs. CSSSkinning - tables vs. CSS
Previous
 
Next
New Post
10/25/2010 6:14 PM
 
I am pretty new to DNN (just order Professional about 20 mins ago :-)) and trying to get my head around skinning. I have a copy of the Wrox DNN Skinning book and have been working through this. The examples I have read in that book - at least so far - are table-based. The examples I see on DNNCreative.com are the same. However, when I look at the default skin with 5.0 I see a CSS-based approach.

The book is not too current so I am wondering if there is a change of paradigm between the time that book was released and now. What's the best way to immerse myself in learning skinning.

Also, are there any WYSIWYG skin designers to speed up my progress short term? My needs are pretty simple, in terms of the layout/structure of my page but I want to do this the "right way" (as prescibed by DNN 5.0 best practices).

Thanks.

Mark
 
New Post
10/25/2010 7:05 PM
 
Using table or not is not really a DNN thing, but more an HTML decision.
But in general tables have been used way to much in the DNN world.
There are some more tableless skins from last years skin contest, that could help to get you started.
skins.dotnetnuke.com

(a good example skin is the best way to learn IMO)
 
New Post
10/25/2010 11:55 PM
 
Timo Breumelhof wrote:
Using table or not is not really a DNN thing, but more an HTML decision.
But in general tables have been used way to much in the DNN world.
There are some more tableless skins from last years skin contest, that could help to get you started.
skins.dotnetnuke.com

(a good example skin is the best way to learn IMO)

Thank you, Timo. Yes, I understand that the tables vs. CS decision is independant of DNN itself but I was curious that the default skin in 5.0 seems to be CSS-based.

I'm a little more comfortable with tables (which is a shame since I understand the power of CSS but never got around to learning CSS in detail). So, I was hoping to copy the default 5.0 skin and then iterate accordingly (but since it's CSS-based I'm a bit slower).

Thanks for clarifying. I'll take a look at the skins on your link.

Mark

 
New Post
10/28/2010 8:20 PM
 
MarkWill wrote:

Thank you, Timo. Yes, I understand that the tables vs. CS decision is independant of DNN itself but I was curious that the default skin in 5.0 seems to be CSS-based.

I'm a little more comfortable with tables (which is a shame since I understand the power of CSS but never got around to learning CSS in detail). So, I was hoping to copy the default 5.0 skin and then iterate accordingly (but since it's CSS-based I'm a bit slower).

Mark

The web in general is going CSS based and thankfully MicroSoft and DNN are catching up. If the idea scares you a bit or you run into a wall, try one of these resources:

I have used all three with DNN to great success.

 
New Post
10/28/2010 8:46 PM
 
I don't recommend YAML. Maybe because I only used it on one project, but it was disastrous and I won't use it again. It was so inflexible in regards to content placement, and was anything but cross-browser friendly. Of course it was the various versions of IE that always bugger things up, so perhaps YAML would be more apt to blame IE for the layout problems I had. However, I'm able to design cross-browser friendly with about 5% of the code YAML needed.... so... not using YAML. YAML is based on the Grid 960. Haven't tried YUI. I'm sure I employ some of the same techniques.

Skinning has a very long learning curve. You might be better suited to purchasing a ready made skin for your site until you are up to speed with DNN skinning.

There is a DNN skin generator out there, too, that looks promising. But, I'm finding the div/css just way too easy now after switching over last year.

One thing to remember is that the DNN ContentPanes are not so forgiving with Div/CSS layouts and in multi-column layouts a table is necessary for loading content panes to allow for the "disappearing" trick to work on empty content panes. Not a problem if the content pane is the only one in the "row", then a div works fine instead of a table. That's why you'll see most all the Div/CSS skins out there actually use tables to place the content panes, including the Minimal Extropy. If anyone knows a way around it, let me know please.

JOHN GIESY
DotNetNuke Hosting Expert

DotNetNuke 7 Hosting $70 /year
DNN4Less.com Team DotNetNuke  

Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Skinning - tables vs. CSSSkinning - tables vs. CSS


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