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

HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...Background picture behind textBackground picture behind text
Previous
 
Next
New Post
1/11/2009 8:19 PM
 

Is there an easy way to just put a picture on 1 page and put text on top of the picture?  (the picture needs to just be the background on 1 page, not the entire site)

Does the picture need to be in a skin?  ..if so, how is the easiest way to put a picture behind the whole page and put text modules over top of it?   I know I can turn off the module containers to see through the container, but how do I get a picture on the page?

I don't want the picture behind every page on the site, just on 1 page of the site.

Thanks,

Jeff

 

 
New Post
1/12/2009 12:59 PM
 

Since you only one it on one Page/Tab you would want to do it as a skin and then set the body { background-image: url(...) } tag to do it.  As for module containers you wouldn't necessarily need to turn them off to see through them if they were designed to have transparent backgrounds although that might look trashy.  You could easily duplicate the existing skin and create a new skin file with it's own CSS file.  Lets say you were using DNN-Blue for example.  Open up the folder for DNN-Blue on your server ([PortalRoot]/Portals/_default/Skins/DNN-Blue) and then create a copy of the .ascx file that you would want to duplicate.  Rename the copy to something you could remember (lets say I used Horizontal Menu - Fixed Width.ascx; I might rename it to Horizontal Fixed BG Image.ascx).  Now create a CSS file with the exact same name but with .css extension instead of .ascx.  In there you would only need some CSS for body { background... } and then now you can use that skin on the single page you were talking about.

One caveat with having the skin use body { background... } is that if this skin were also used as the "Admin" page skin then that background would also show up on things like the Text/HTML editor and the File/Link manager (when you click "Browse" server).  This looks really bad when you would otherwise expect to have a container with a solid background show over the background image.  There are workarounds for this but that is another topic for another day since that isn't your intention here.

Good luck!


-- Jon Seeley
DotNetNuke Modules
Custom DotNetNuke and .NET Development
http://www.seeleyware.com
 
Previous
 
Next
HomeHomeOur CommunityOur CommunityGeneral Discuss...General Discuss...Background picture behind textBackground picture behind text


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