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, ...Newb question regarding css layoutNewb question regarding css layout
Previous
 
Next
New Post
1/6/2006 5:53 PM
 

My MacMe skin has very few tables - http://www.xd.com.au/free+skins.xd , and this forum post on the aspnet forums might help you in your quest for tableless skinning -

http://forums.asp.net/1026713/ShowPost.aspx

Armand Datema - Nokiko on the forums does alot of work with css as well.

In my opinion, and I'm not sure if Salar has the same, but I suspect it would be also along the same lines - If you are a newcomer to DNN, and you want to do tableless skinning, you will have challenges - DNN isn't ready for it yet and you might like to spend your time working on things that give you smiles, not headaches.

There are a few sites that are going down this path, but I have found that it's not produced the highend commercial results that a few tables can do. There are other ways you can optimise a skin without having to go downl the CSS only path.

That's just my thoughts on the matter, but I'm always open to hearing someone coming in and breaking new ground, as long as it looks good .. no point in saying you can make it work if it only looks good with 2 panes, 1 image, no content and in IE6 only.. .and.. only using 3 modules becuase the rest may make the skin fail... .. And it also has to look good in Admin mode for it to be really a sharp solution.

These are just some of the things that may need to be overcome.

Nina Meiers


Nina Meiers My Little Website
If it's on DNN, I fix, build, deploy, support,skin, host, design, consult, implement, integrate and done since 2003.
Who am I? Just a city chic, having a crack at organic berry farming.. and creating awesome websites.
 
New Post
3/10/2006 7:55 PM
 
I agree with Nina.  "you want to do tableless skinning, you will have challenges - DNN isn't ready for it yet "

Creating a front end table-less design is not too difficult, I've been able to do that with some success.  Once you understand the basic skinning principles it's entirely possible.  The problem I keep running into is the "Admin mode", what you see after you log in as an admin.  There are items that appear that weren't there before, such as container controls, borders, the toolbar at the top, etc. 

I've thrown up my hands in frustration trying to get a CSS layout to work in Admin mode while not deviating too much from my original design idea.  I'll be using table layouts for the basic skeleton/structure of my site.  Usually this means in my skin html...most of the time I can still get away with using DIVS/CSS only for my container skins' html.  But I need a table design in my skin html to hold everything together.

-Tim
 
New Post
3/10/2006 8:34 PM
 

Also, just to chime in here, in case rmfred or anyone else doesn't know what Solaro is referring to by the 'other' forums, prior to the DNN core forums module being launched the the forums being hosted on dotnetnuke.com, DotNetNuke hosted its forums on the common microsoft forums.asp.net forums.

http://forums.asp.net/90/ShowForum.aspx

A search there might turn up aditional information that Solaro referred to that may help you.

 
New Post
3/11/2006 5:28 AM
 

Can only echo that, admin mode is the real ginger step child in this. It is engineered for table based solutions and works well there.

I've been wondering whether it would be possible to produce an admin mode that works purely through CSS and javascript.

What I am thinking about is that the new admin would do nothing at all to the html of the page, except for adding a control panel in a floating movable div. This would display the context menu for the currently selected container rather than have it pop up within the container skin, The new admin solution would highlight the editable panes in such a way as to not fritz with the layout at all except for shading the div. This should work equally well with table based and pure css solutions.

Have a look at http://slayeroffice.com/tools/modi/v2.0/modi_help.html for a pop up dom inspector and now imagine if that were the new admin panel.

 
New Post
3/14/2006 1:56 PM
 

For a lot of CSS layout resources you should check out CSS Zen Garden: http://www.csszengarden.com/ for inspiration, MyersWeb and Zeldman Presents http://www.meyerweb.com/ and http://www.zeldman.com/ for layout and CSS resources.  Check out the "externals" on Zeldman's site for links to CSS layout: http://www.zeldman.com/externals/.

I'm creating a layout using a lot of CSS now and I can tell you that it definitely is possible but, a lot of the "widgets" are in tables so I thin k it would be extremely difficult to go table-less.

Timmy 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Newb question regarding css layoutNewb question regarding css layout


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