Header image and divs how to work with it

kachete · 26.07.2005, 18:52

Hi im trying to use the header image module in a template i just select

The template is the mv-genesis

This template call the image on the header with a <div> statement

In new to this things but i want to replace the images in the css with the images in the header image module

Please can you show me some tips in how to do it and how to integrate this module with the template

www.bosquetito.com is the site i want to put it to work

Please i need some help here

Thanks in advance

Please help

crash777 · 26.07.2005, 19:46

Easy way: Replace the following jpg with your header: /mv_genesis/images/head.jpg
Hard way: Add your own image into the following folder (/mv_genesis/images/) and change the CSS to accomodate the new name...

(hint: go with the easy way

)

kachete · 26.07.2005, 20:04

I try the two ways before posting and it only change one image man

I want to put the code to load the module headerimage to change the image while the user can navigate the site

So if you see the site they only show one image doing what you say

We want to change this image while the users browse the site

I think i maka a pont here i dont whant to change only the header image i want to change it every click the user push while navigate

the css code of the header is the folowing

Code:

 
#box-header {
float : left;
font : bold 12px Arial, Helvetica, sans-serif;
color : #fff;
margin : 1px 1px 2px 1px ;
padding : 5px;
border : 1px solid #999;
width : 741px !important;
width : 753px;
height : 126px !important;
height : 140px ;
background : transparent url(../images/head.jpg) no-repeat center center;
clear : both;
}
#sitename {
float : left;
font : bold 19px/23px Georgia, "Times New Roman", Times, serif;
color : #000;
background : #fff;
-moz-opacity : 0.6; 
filter : alpha(opacity=60);
}
#date {
float : right;
font : bold 19px/25px Georgia, "Times New Roman", Times, serif;
color : #000;
background : #fff;
-moz-opacity : 0.6; 
filter : alpha(opacity=60);
}

An the code that calls the image into the templates is this

Code:

 
<!-- MODULES HEADER: -->
<div id="box-header">
<div id="sitename">&nbsp;.: <?php echo $mosConfig_sitename; ?> :.&nbsp;</div>
<div id="date">&nbsp;.: <?php echo mosCurrentDate(); ?> :.&nbsp;</div>
</div>

as you can see box-header calls the image
sitename calls the name of the site but it put it above the image
date do the same as sitename but with the date

i whant to put the codo that calls the module into the code

<?php mosLoadModules ('header'); ?>

I create a position in the template module positions called header

I install and publish the headerimage module in the position i created called header

Now i whant to know how to hack this in order that the module can manage the images called in the css or the index.php in the site

I think with this code you masters can help me in this dilema

The imageheader module you can download it here

The site i want to change is www.bosquetito.com

All the helps and hints are welcome

Please help

Please

Thanks in advance

crash777 · 26.07.2005, 21:41

2 ways...

1. http://mamboforge.net/projects/modheaderimage/
Use that module but REMOVE the reference to box-header since you do not need it.
2. Use a NEWSFLASH component (which I think is probably similar to what the above module is) and create different items with different header graphics. Instead of box-header put a module position there (like "<?php mosLoadModules ('header'); ?>") and load your newsflash into HEADER.

faisy · 18.07.2006, 18:19

Hi,

I have been entangled into this problem of showing Image as the Title in the Module too.

You can see this forum post for my work that I have yet done.

http://forum.joomla.org/index.php/topic,56076.0.html

If crash777 reads this post; This previous post of yours at this site, where you have said to use the Header Image Component seems valid, but is a bit difficult to get for a beginner user for me.

I have installed this component but can you please elaborate more clearly so that I can put this work around for my use too ....
Just how can I use this component for different Image heading for every module ...

Thank you very much.