Just insert this kind of joomla php code
Code:
<jdoc:include type="modules" name="bannerhead" style="raw" />
you can name it what ever you want. paste it on the div where you want your banner/header image to appear.
on the XML add a bannerhead on the position. or what ever name you wish. just make sure the name you indicated on the code is the same as the name you will add on the XML.
after doing that, log on the backend, go to banner under components. add a client and a category and then make a dummy banner. (you can not add a banner without atleast a client and category.) don't fill up the URL coz you are not using it as a banner, instead you will be using it as a header.
after doing so, go to module, add module , select Banner.
configure the banner , make sure you select the right position, for my example it is bannerhead, don't forget to select the category you wanted it to appear. in this way you can make different header in every category you wish.
select the only client and the category you made on the parameters.
then add a CSS suffix (don't forget this one coz this is important.) for example:
_homeheader. then save.
now this is the trick.
go to your template.css
type down the CSS suffix for my example it is
Code:
div .bannergroup_homeheader div{
visibility:hidden;
}
This will hide the the Div that contain the img src.
then replace it with background image.
Code:
div .bannergroup_homehead{
background-image:url(../images/home.png);
background-position: top right;
background-repeat:no-repeat;
width: 505px; (the width of your image)
height: 256px; (common sense)
padding-bottom: 2px; (common sense)
}
if you have 7 header then make a 7 banner module, just use the same client and category ... who cares if they have the same image, you will only hide the image using CSS and replace it ^^. just don't forget to add a suffix on the parameter of every banner module you make so that you have the control over them.
