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, ...Background image on just one page?Background image on just one page?
Previous
 
Next
New Post
2/28/2010 10:38 PM
 

 I'm using a background image on a single page by adding an HTML object to the content pane. I added a table with the background image, then nested some more tables for the content.

I want to insert some other DNN modules, but they'll need to go inside other areas, messing-up my background. Is there some way to apply my background image to just the one "home" page, and not the rest?

Here's the page: http://web.siteoneservices.com/Home.aspx

Thank you.

 
New Post
3/1/2010 4:32 AM
 

Jeff

You can set a background image per page, by inserting the CSS in the Page Header Tags section within the page settings of the specific page.

Any code you insert in the Meta Header Tags appears below all CSS files so you can override any default background image by using the following code.

<style type="text/css">
body#Body{
background-image:url(images/image.gif);
}
</style>

Here's a link to another thread discussing the same topic: http://www.dotnetnuke.com/Community/F...

Hope this helps.

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
3/3/2010 10:58 PM
 
Yes, that helps, but it isn't quite what I'm looking for. The background of the "body" already has a gradient that I like. I'd like to put a background in the content area only. If you look at the link above, the "puzzle" background is what I'm talking about. It is currently a background of a table. This doesn't allow me to insert new modules into other areas of the page layout over that background.
 
New Post
3/4/2010 4:23 PM
 

I understand what you're after.

To achieve this you'll need to locate an element that contains all of the panes you want the background to cover, usually, atleast with the skins I build, all the main content panes are enclosed in a wrapping div, so I can control things such as backgrounds and width etc.

It appears as though you may be looking for a div with the class of "art-contentLayout", if this is the case - you can specify the background for this like so

.art-contentLayout{
background:#FFF url() scroll no-repeat top;
}

Let me know how this works out for you.

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
3/5/2010 12:04 AM
 
Rick, thank you for your diligence. For me, CSS is like Klingon. I can read it, but can't write it. I've tried several variations of what you've given me, but nothing is working. I'm putting these in the "Page header tags" field under the page's advanced settings/appearance section. This put this actual text at the top of the page briefly before the rest of the page rendered: .art-contentLayout{ background:#FFF url(/Portals/3/images/puzzle.jpg) scroll no-repeat top; } These did absolutely nothing: Where should I go from here? Thanks again for your help. - Jeff
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Background image on just one page?Background image on just one page?


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