Changing a header graphic depending on which page you're on is a common problem for Joomla dev's. One option is to make custom templates for each different header and another is complicated template hacking with php, however both of those are very difficult and prone to bugs.

Today I found an easier way to manage this through a forum post on the Joomla website. The user Siddan did just that with his website http://eurorider.byethost13.com/.

Here is what he had to say on the topic:

It took some time to figure it out... but it is generally very simple! Here are the ingredients ;«»)
- First you need the header container to have a default image. Styled as a background image and a fixed height in css.
- Place any module position you like inside the header container.
- Create a new module for each new header image you like.
- Position it to the moduleposition and Assign which pages it should be displayed at.
- In the editor text field simple add a new DIV element with an unique ID. Must be done in source view.
- Lastly style that DIV with a background image and set it a fixed height.


Post edited by: sstark, at: 2007/12/11 16:38

Post edited by: sstark, at: 2007/12/11 16:39