You need to Register for free and Login to post a message in the forum.

Forum

Subject: Different background image on each page
Prev Next
You are not authorized to post a reply.

Author Messages
dtownsend
Nuke Newbie
Nuke Newbie
Posts:3

20 May 2008 1:30 PM  
Hi,
My graphic designers want to use a different background image on each page of a site (see attachments)
Other than the background image, the page layouts, menus etc are identical across all pages.
It seems like overkill to create a separate skin for each page.  I am thinking there must be a way of using CSS to achieve this.
i.e. all the pages use the same skin and I just have to assign different CSS files to each page.











jncraig
Nuke Master I
Nuke Master I
Posts:1859

20 May 2008 8:52 PM  
No, I wouldn't do it with skins, but I'd make that part of the page content. Just as you have different content on each page, you will have different images.

Joe Craig
DNN Creative Support
Subscribe to the website
leesykes
Nuke Master II
Nuke Master II
Posts:2857

23 May 2008 7:53 AM  
You could target each unique Text / HTML module with CSS and specify a background image for those elements, for instance:

Each module has a unique ID assigned to it.

For instance, go to: http://www.dnncreative.com/tabid/75/Default.aspx

Using the web developers toolbar go to the Information menu / Display ID & Class Details

From here you can see the main Text / HTML module has a unique ID of #dnn_ctr380

There are various variations of this ID, you will be able to view:

#dnn_ctr380_contentpane .dnnC_content_transparent DNNAlignleft
#dnn_ctr380_ModuleContent
#dnn_ctr380_HtmlModule_lblContent .Normal

We can target the main content area of the Text / HTML module with:

#dnn_ctr380_contentpane
{
border: 10px solid orange;
}

For further info on the web Developers Toolbar view:Troubleshooting DotNetNuke Skins

Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts
You are not authorized to post a reply.
Forums > DotNetNuke® > DotNetNuke® Questions > Different background image on each page



ActiveForums 3.7

Latest Forum Posts

Dynamic Registration - Viewing Data Fields by billkidwell
A DNN "guru" set up and "manages" the dynamic registration module for our web site. The registration...
RE: Getting rid of a 1px space in IE by mtarby
Thanks Lee - that did it. In case anyone runs into something similar, the gap in IE is caused by us...
Member log in by HUGHD37IUOE
When our members log in, they are returned to the page they started from. Is there any way to send t...
Grid View loosing CSS by pczurak
I've created a module and this module has a GridView with AutoFormat, but the problem is when I clic...
FREE SEO Firefox tool by eureka
HelloI have found a great SEO tool for use with Firefox, which you can turn on or off. It shows page...
RE: To remove login link by Albatroz2000
Joe, on my end the Register button doesnt show up in 4.8.4 Login Module but then the text link is th...
RE: Hiding "Register" link from Users by Albatroz2000
Thanks Lee. I did that and the Register button is not there in the Login module. However the text l...
RE: FCKEditor and dynamic css by DavidWSnow
Too bad they didn't make it both easier for them and for us to upgrade
Video Problem by icdlbake
Hi Everyone,I have the following problem with DNN version 7.04 installed on Windows 2003 Server.In I...
RE: Embed a Module on a Skin by jncraig
Take a look at the simple module code I posted here.  The code in the ascx file shows how I embedded...
Free Website Grader SEO Tool by eureka
HelloI came across this useful Free SEO tool, it is a Website Grader that measures the marketing eff...
RE: Subject: DNN menu not showing on IE 7 after changing portal alias by jncraig
I've no ideas. If you want to send me the two URLs to your site, so that I can see what you are see...
RE: To remove login link by jncraig
You can edit your skin file to remove it. You can also remove the Register link. Removing the lin...
RE: OK, I Upgraded, But Where Did CAPTCHA Go? by mgordon
I heard that as well.  Maybe even a 4.8.6...time will tell.Thanks Joe...
RE: OK, I Upgraded, But Where Did CAPTCHA Go? by jncraig
I'm glad that you're checking my work! Yes, that's the answer. I'm also glad that the upgrade to...
To remove login link by ambatisreedhar
Hi,I dont want users to login using login link.How to remove that login link from home page in DNN w...
RE: Subject: DNN menu not showing on IE 7 after changing portal alias by ambatisreedhar
hi,I was not able to see the Menus .
RE: How to create a Search Page? by leesykes
If you go to admin menu / pagesHere you will see a page named Search Results, here you can edit the ...
RE: FCKEditor and dynamic css by leesykes
I hope that your tutorial covers how to upgrade your version of the FCKedit to be the same as provid...
RE: Getting rid of a 1px space in IE by leesykes
When troubleshooting I tend to strip everything out of the CSS and then re-introduce it one at a tim...
AppTheory
RSS Feeds