Small width layout Medium width layout Maximum width layout Small text Medium text Large text
     Search
Downloads Downloads Directory Directory Forums Forums Forge Forge Blogs Blogs        Marketplace Marketplace Careers Program Careers
Community › Forums Register  |  

telerik -- supercharge your DNN websites
  Ads  
Webhost4Life - $4.95 Windows Hosting
 


  Sponsors  

Meet Our Sponsors

Mad Development is a full service interactive agency focusing on the merge of design, technology, e-commerce, and affiliate marketing by providing total website solutions.
SteadyRain
DataSprings - Great Ideas. Always Flowing.
R2integrated - formerly bi4ce
Jango Studios - Skins, Modules and Hosting for DotNetNuke
eUKhost.com is commited to offer exceptional UK Windows Web Hosting solutions with quality 24x7 technical support.Our plans support ASP.Net, ASP, ASP.NET Ajax extensions, XML, MSSQL, MySQL, PHP,DNN, multiple domains and Shared SSL as standard.
 


DotNetNuke Forums
 
  Forum  General DotNetN...  Make it Hot! ( ...  Different Header Images on each page
Previous Previous
 
Next Next
New Post 7/1/2008 2:36 PM
Unresolved
User is offline JJ
3 posts
10th Ranked


Different Header Images on each page 

I want to display a different background image header for each page in my site. I searched to see if there was a solution for this other then creating a brand new skin for each page. Is there an easier way to do this?

 
New Post 7/1/2008 4:08 PM
User is offline Salaro Golestanian
905 posts
www.salaro.com
7th Ranked




Re: Different Header Images on each page 

I think it is easy enough to just create

Index1.html

index1.css

 

index2.html

index2.css

 

In one skin pack and all you have in your indexN.css is the class that contains the banner image

 

Salar


SalarO

 
New Post 7/1/2008 11:34 PM
User is offline armand datema
195 posts
9th Ranked


Re: Different Header Images on each page 

This is actually very easy and doenst need 10 skins or 10 css files as salaro suggested

this solution is for ascx skinning, so you need to edit the ascx, not the html

<div id="tab<%=request.querystring("tabid")%>

your skin

</div

 

then in the css

 

#tab1 div.header {background-image:url(bg1.jpg);}

#tab15 div.header {background-image:url(bg15.jpg);}

 

All you need to do is give a wrapper around your skin a unique id and then in css you can style anything within this page

 

Have fun :)

so you give


Armand Datema
Complex css/xhtml and unobtrosive javascript skin conversion to make you stand out from the crowd

Latest work itbuzz & nu.nl/Z

SchwingSoft

 
Previous Previous
 
Next Next
  Forum  General DotNetN...  Make it Hot! ( ...  Different Header Images on each page
 


Forum Policy

These Discussion Forums are dedicated to the discussion of the DotNetNuke Web Application Framework.

For the benefit of the community and to protect the integrity of the project, 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 DotNetNuke.
2. Discussion or promotion of DotNetNuke product releases under a different brand name are strictly prohibited.
3. No Flaming or Trolling.
4. No Profanity, Racism, or Prejudice.
5. Site Moderators have the final word on approving/removing a thread or post or comment.
6. English language posting only, please.

 


ExactTarget Email Marketing Software and Solutions
ExactTarget delivers on-demand email software solutions for permission-based email marketing. ExactTarget offers solutions that meet the needs of all industry verticals and all size organizations, including SMB, corporate divisions, not-for-profits, large retail/direct marketers, agencies and enterprises.
ExactTarget.com
Sunset Hill Solutions - Consulting and Development
We offer general DNN consulting services - including custom module development and commercial module integration/setup.
www.sunsethill.ca
MaximumASP
MaximumASP provides a wide array of web hosting plans to fit any hosting need. We also provide software and services needed to keep it running optimally.
MaximumASP.com

DotNetNuke Corporation   Terms Of Use  Privacy Statement
DotNetNuke®, DNN®, and the DotNetNuke logo are trademarks of DotNetNuke Corporation
Hosted by MaximumASP