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, ...New to DotNetNuke and CSS SkinningNew to DotNetNuke and CSS Skinning
Previous
 
Next
New Post
4/13/2008 4:35 PM
 

I agree with Nina its more about knowning DNN then it is how to skin. I do slightly disagree with making compliant skins is difficult regardless of the difficulty. I can typically take a very complex website design that uses tables and create the same thing with a fraction of the code that is compliant. The problem is as nina states each browser has a slightly different interpetation of CSS, however IE7 / IE 8 have resolved most of the nightmare issues granted we will have a few more years to go with people using IE6. Overall though you just create an IE hack.css file and use a small conditional comment to pull in the IEHacks.Css tid bits when needed. Not that much needs to be Hacked anyways. Mainly just a few spacing issues.

I have to meet strict compliancy standards at work, and its really easy to do. Just takes strong knowledge of how to code html layouts that use CSS for positions instead of using tables for layout. Once you get the hang of it you can out build any table based layout with far less code and much greater control over it. Just have to realize pure CSS based layouts require you to think with your mind and less with your eyes.

Now I really suggest going through all the DNNcreative skin tutorials if you really want to get into pure CSS layouts / desing or just skinning in general and want to have a guide holding your hand during the process. Lee does a great job with skinning, and really focuses on being compliant from start to finish. The think I like about his tuturials is he doesn't spend a ton of time on the layout of the site, just a general overview, from there he goes into lots of detail around how to use your skin's CSS to control headers, footers, html text, menu text etc. Which is where most people start to have troubles with their skins. Sure they managed to make a skin with 4 panes that has a horizontal menu, and breadcrumbs, but the containters headline text is black when it should really be white, and the pages background is black, but all the html text is defaulting to black. After watching ALL the tuturials you will have the ground bases to really start to understand, that DNN skinning is more about knowing DNN then how to skin. I say all cause his basic skinning tutorials cover design concepts and lots of little quirks you see in DNN. IE how to deal with a background image when you have a menu / module that is going to dynamically expand past your set image size.

Tokens / Attributes are a must, and using html / xml / css vs aspx / css is really just preference its not like xml is that hard to pick up for DNN all the tokens / attributes follow one basic structure from there its just reading the documentation to know what values to set for what token. So don't let the xml scare you. On the flip side building ascx skins is just as easy as html / xml / css skins. It's completely about preference.

Now for CSS menus I agree with Nina if you need a really complex Navigation system that has very specific needs you can drop the cash on Snapis's menu. I however use House of Nuke's HouseMenu its free and uses unordered lists + CSS to display. It can do most to everything Snapis's can you just have to be creative at times. It also does it without the larger overhead using snapis's can create. Once again its all about preference / needs and knowning DNN's structure. Also note that the next release of DNN should at some point have a new menu version which can render CSS friendly menus, so we might get a built in skinobject to manage pure CSS menus. The use of menu modules in DNN can work very nicely I use mandeep's CSS Tabs module all the time for a "menu" system. I works nicely cause of the controls you can use to limit access, but it's still with draw backs of administration of the tabs. IE not best option for a navigation menu for the main site.

In regards to DNNCreative's site all the tuturials there still have valid merrit to being used, very few things if any are out-dated, and from all the books / tutorials I have seen / used I have to say his is worth every penny, cause he really covers the what is actually going on aspects vs "here is how you do it" copy me and that's it.

 

 

 
New Post
4/14/2008 9:07 PM
 

Thanks everyone for all of your responses, they are much appreciated. I did use to use tables for my designs when I was first starting out 2 or 3 years ago but I actually found it much harder to get table based layouts looking exactly the same in multiple browsers than I do now with CSS, but perhaps this had more to do with using Macromedia Fireworks to generate the tables initially?

@keeperofstars
In regards to DNNCreative's site all the tuturials there still have valid merrit to being used, very few things if any are out-dated,

Keeper of Stars; There were sections of the DNN creative tutorials that were hard for me to follow because the way the older version of DNN handled the importing of skins was very different than the current version, the steps are not the same, I guess this is what I meant by outdated.

@Nina Meiers

Thanks for your links, I remember seeing your original site when you mentioned something about it on forums.whirlpool.net.au years, your design skills have come a long way, thanks for pointing out to me the fact that some of the showcase sites using CSS or Flash dont seem to be using DNN (The Cassettes, Nuvision), perhaps they were originally but now they are not, perhaps their listing there should be reviewed?

@Josh Martin

Thanks for the tip on the solpart menus, I will check those out

I am really looking forward to learning more about DotNetNuke, it looks like a really exciting platform to design for and perhaps not as daunting as it first seems, Thanks everyone for all of your informative posts, please keep them coming.

Cheers
David

 

 
New Post
4/16/2008 8:38 AM
 

Not lingering on this subject for too long, but with the DNNCreative / skin tuturials Lee starts off by building on the tuturial for how to do a local install for development, where he can just directly access files etc, which does get very confusing cause his first few skin uploads are around a local install. On that point you are correct it can be a bit confusing. If your working remotely you really can't just copy and past the files like he does. If you are working on a local copy though you should be able to follow his method and it will work just as well.

I am glad you are excited about learning to skin, and at anytime you have a question for anything just hit up this forum and we will be glad to help. I have nearly 100 Pure CSS skins under my belt so far. Most are clients so I can't post them out, but I will probably make a few changes to most of them and start releasing them before too long.

 
New Post
4/17/2008 2:34 AM
 

keeperofstars wrote 

anytime you have a question for anything just hit up this forum and we will be glad to help. I have nearly 100 Pure CSS skins under my belt so far.

Thanks for your offer, with nearly 100 CSS skins under your belt have you had many problems with XHTML compliance?

I am trying to follow Lee Sykes tutorial for XHTML Compliance for version 4.8 but the default.aspx file he tells you to download breaks it.

I just validated the stock install of DNN and it came up with 666 validation errors, I nearly fell out of my chair when I saw the result.

 

 

 
New Post
4/21/2008 7:26 PM
 

Any news on whether the latest update tackles xhtml compliance issues?

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...New to DotNetNuke and CSS SkinningNew to DotNetNuke and CSS 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