Seperate header banners for different sections of the site

[Yogini Idnani, geändert vor 10 Jahren.]

The site I am developing has major 3 sections. Every section has a few section-specific customizations like the header banner image (portal_normal.vm)

<header id="banner" role="banner">
<img alt="Section 1" src="$images_folder/section1_header.png">
</header>

Is there a way I can force every page on my website to be either part of Section1, Section2 or Section 3 and edit code in portal_normal.vm to display different banner images based on the section of the site.

It would mean a lot of code duplication to make 3 different themes for doing this.

Any help appreciated!
Thanks

[Samuel Kong, geändert vor 10 Jahren.]

Here's what I would do.

1. Instead of using an <img> tag, use a CSS background image.
2. Create 3 color scheme, one for each section.
3. So all you would have to do is override the default the background image in the color scheme's CSS

[Yogini Idnani, geändert vor 10 Jahren.]

Hi Samuel

Should have made this more clear. Apart from the css banner image, there are a couple of code related changes for the different sections:

• Show a different set of static links
• Highlight a particular menu area

Both the above changes would need to be made in the vm files.