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, ...Convert skin to DNN, so that itConvert skin to DNN, so that it's "DNN-Freindly"?
Previous
 
Next
New Post
4/24/2008 10:00 AM
 

Hi Rob,

I disagree with you. Content does not equal a DNN Skin. Neither do panes.

The middle of the site is made up of PANES, and those Panes contain Modules, and those Modules just happen to still contain the default Template's content.

Have I misunderstood you?

I belive I have done this exactly "DNN skins are made from dozens of individual objects that can be placed and styled wherever and however you like." yet your comments suggest you think otherwise. Does the default DNN skin place the search bar where this one is? No. If I had copied the default skin and built a design around it, then wouldn't I have had room for a logo? Yet I don't, and wish I did have room for a logo.

  • I took my original design,
  • took out the placeholders for the original content management system it used to use
  • pasted in the user controls
  • added the control panel
  • added 8 panes for content

Please view the source and you can see that this is not copied from the default skin. Also, you could look at the first link that shows the design in it's original form on it's original CMS. (And you can see that, Alas, the design hasn't changed Nearly Enough! At least, I wanted it to be different from my orginal, an improvement over it)

As to the panes, I include the usual Left, Right, and Center panes, since in my experience many of my clients rely on them for layout, since they are not familar with using tables for placing things beside each other, for example, 3 photos side by side with captions beneath.

However, I also added these panes:

  • a top pane and bottom pane above and below the Left/Center/Right.
  • a side pane for the left hand side, down the blue.
  • a footer pane in the grey footer bar area.
  • a banner pane above the top pane, because it seemed the only place for it -- I'd love to have a better place for it, though. Any suggestions?

I did not add a pane below the login and above the nav, but I left a TD there just in case I need to revisit it.

I also did not add a pane below the left hand side, at the bottom of the ribbon. But, it seems like a good spot for "Something", since most pages will have a longer Right side than the Left side/ribbon is.

 

 

What I dislike about this design is:

  • Still fixed width instead of fluid
  • Still does not have flexibily or any room for DNN Logo object, banner, etc.

 

Rob,

I wonder if maybe you meant to reply to some other post?

"There's no simple solution here other than to learn how to build a DNN skin from scratch. Once you've done that, youl'll be able to pick and choose what DNN components you want to use, place them in your template, and style them as required."

I've done that...on this design and others... I don't know how you could think otherwise if you looked at the example links. Unless either you did not look at the links, or you think the Content in a Pane counts as a "Skin".

Please post links to designs that you've done that meet your definition of a good DNN skin. Perhaps that will help clear up my confusion about your post.

 

Extreme,

Here's what I've done as a workaround for the white background on the content table that overlapped the ribbon's shadow: I made a background image of that bit of shadow, then made that div use it. Klunky, but it's there.

Does anyone have a better solution for the white background issue?

 

 
New Post
4/24/2008 11:30 PM
 

Sorry but I'm taking a pass on this one.

Rob

 
New Post
4/25/2008 9:51 AM
 

redroan wrote

What I dislike about this design is:

  • Still fixed width instead of fluid
  • Still does not have flexibily or any room for DNN Logo object, banner, etc.  

Then add those or change them.  Width is normally a CSS item in DNN skins, but can be hard coded.  Remove the width or set it to 100%.  For the logo and banner, create table cells for them (or tabeless CSS if you use it) and put the [LOGO] or [BANNER] controls in them.  This is extremely basic DNN skinning.  Did you read the docs or any of the online skinning help?

Jeff

 
New Post
4/25/2008 12:41 PM
 

I guess I should rephrase my wording so it's clearer.

I'm looking for how to change the Design, not the physical mechanics of the HTML and CSS. That's the easy part.

So I'm loooking for feedback from people who are familar with DESIGNING for DNN, not just assembling skins for it.

For example, I could physically set the width in the table or the css to any %, but that won't change the image in the design (unless I distorted it's porportions, then what's the point).

So, this design is a very fixed design, and I'd like it to be more fluid, and have flexibility for things like an uploadable DNN Logo, etc.

Specifically, the client loves the ribbon concept.

  • However, for it to "work" as a design element, it's zero margined into the top left.
  • And, the "logo" type element are all integrated into the top few inches

Normally, the top left is where I'd put the DNN Logo control.

So I don't know how to alter the design so that it's still something the client will like, and have it have room for an uploadable logo.

 

Second, the width:

 

  • I'd like that banner image to be a dnn banner control. But, it's behind all those layers, and I don't know of a Design way to change it and still have the design "work"
  • I'd like to have some repeating image I could use for growing the width, and then have the image to the left or right of it. But, to the left is problematic  because of the layering with the ribbon. But if I put the repeating image to the right of the banner, then one of the benefits of flexible width is gone: that state/horse head logo won't flow to the right, so Nav items will look crappy on top of it.

I hope this explains what I'm looking for: Design concepts, not "skinning 101" or "css 101".

 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Convert skin to DNN, so that itConvert skin to DNN, so that it's "DNN-Freindly"?


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