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, ...Changing a skins banner on each pageChanging a skins banner on each page
Previous
 
Next
New Post
10/22/2008 5:27 PM
 

Hi all,

I'm new at DNN but have figured out how to skin my site.  The problem now is my company wants to change the banner image on each "landing page"

Instead of creating a skin for each page, is there a way to dynamicly change the image through script?

Any help would be greatly welcomed.

Thanks in advance.

 
New Post
10/24/2008 6:45 PM
 

Instead of the banner image create a BANNERPANE in that space and on each landing page add your appropriate image

Salar

 
New Post
10/25/2008 4:29 AM
 

The easy way i can think of is using css,

on your skin you can add the following scripts (Please note: You may need to modify the code as you need as I havent try it, this is just the idea)

<div id="banner_<%=TabId%>"></div>

Now in your skin.css, you can just change the background based on div id:
ex:
 

#banner_36{background:url(images/banner1.jpg) no-repeat;}
 

#banner_37{background:url(images/banner2.jpg) no-repeat;}

#banner_38{background:url(images/banner3.jpg) no-repeat;}

Note: the number of 36,37, and 38 represent the current tab id/page id

Hope this help
 

 

 
New Post
10/30/2008 10:35 AM
 

Salaro Golestanian wrote
 

Instead of the banner image create a BANNERPANE in that space and on each landing page add your appropriate image

Salar

 

This is probably the best way to do it.  It leaves you flexibility in your skin, to be able to re-use it with other sites.  You should hard code as little as possible into your skin. 

 

IMO a skin should be used for page structure, menu layout, and color schemes.   A nifty trick is to use the Text/HTML module, and not show the container, and then you can plop pretty much whatever cutom html you want in there.

Also, if you use that skin on say other site, and they want the same banner image on every page, you don't have to put a module on each page, you simply go to the settings and check the "display module on all pages" checkbox...viola!

 


Josh Martin

 
New Post
10/30/2008 12:12 PM
 

This also depends on your design.  I use a Text/HTML module in the ContentPane on each page with a different image in it, uncheck Display Container.  But that fits our design, it may not yours.

Jeff

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Changing a skins banner on each pageChanging a skins banner on each 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