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, ...Help Needed in Resolving CSS Layout IssuesHelp Needed in Resolving CSS Layout Issues
Previous
 
Next
New Post
5/27/2012 6:34 PM
 

Hi,

I've uploaded my skin package that includes the following (partial) skin.css file:

#nav{

width: 960px;

hieght: 110px;

}

#RotatorPane{

width: 960px;

height:400px;

}

#ContentPane{

width: 960px;

height: 200px;

}

#footer{

width: 960px;

height: 110px;

border: 1px;

}

#lowerleftandmiddle{

width: 635px;

float: left;

}

#footerleftpane{

width: 310px;

float: left;

}

#footerMidPane{

width: 310px;

float: right;

}

#footerRightPane{

width: 310px;

float: right;

}

When I view a page on my site in layout mode, there are a few issues that are appraent. 

First, the RotatorPane is stuck immediately to the right of the DNN Logout link in the Nav div.Second, DIV footermidpane is not positioned between footerleftpane and footerrightpane as intended.  I created a container DIV for the footer as follows:

<div id="footer">

<div id="lowerleftandmiddle">

<div id="footerleftpane" runat="server">

<dnn:LOGO id="dnnLogo" runat="server" />

<h3>Driving business performance.</h3>

<h3>Practical Sales and Operations Planning</h3>

<h3>for medium sized businesses.</h3>

</div>

<div id="footerMidPane" runat="server">

</div>

</div>

<div id="footerRightPane" runat="server">

<dnn:COPYRIGHT id="dnnCopyright" runat="server" /><br />

<dnn:PRIVACY id="dnnPrivacy" runat="server" />

<dnn:TERMS id="dnnTerms" runat="server" />

<br class="clear" />

</div>

</div>

Finally, is it advisable to have a separate Pane that will hold my Aggregator and a second ContentPane for a Text/HTML module?  Or should I just stick with one ContentPane with the understanding that the Aggregator module will go in first followed by the Text/HTML module? 

Thanks

Sid

 
New Post
5/27/2012 11:05 PM
 

Please look how a default skin is build. 

 

 
New Post
5/28/2012 12:14 AM
 

Hi Mathias,

Which skin would be a good example of the styling I am needing to implement, specifically a footer with 3 panes positioned left, middle and right?  Also, which skin would provide a separate module pane just above the content pane?

Thanks,

Sid

 
New Post
5/28/2012 4:37 AM
 
Check out Joe Brinkmans skinning tutorial

Best wishes,
- Richard
Agile Development Consultant, Practitioner, and Trainer
www.dynamisys.co.uk
 
New Post
5/28/2012 10:51 AM
 
Hi Richard,
I've reviewed Joe's skinning tutorials and gleaned some great info from them. I might be trying to make too much out of my footer, by having 3 separate content panes. I'm going to search for examples of skins that have a similar footer layout. Do you have any advice as to whether to use one ContentPane to store both my rotator and a Text/HTML module? Or, should I break these out into two separate DIVs?
Thanks,
Sid
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Help Needed in Resolving CSS Layout IssuesHelp Needed in Resolving CSS Layout Issues


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