Customising Message Board!!

hamertime · Post by **hamertime** » Mon Feb 27, 2006 1:57 am

Script URL: www.milliondollarhealthman.com
Version of script:
Version of PHP:
Hosting company:
Have you searched THIS FORUM for your problem:
(if not please do before posting)
If so, what terms did you try:

Write your message below:

Hi

I apologise in advance for my lack of knowledge in PHP I only heard of it today, so I obviously dont know alot.

Anyway I have sort of got my message board up and running on a trial site: www.milliondollarhealthman.com

Basically this is just a test sight for now but if you click on the contact us link your are taken to the forum.

I wanted to have the header image I have on my home page carried over onto the forum page so the sight looks consistant. I have tried doing this by adding the images to the index.hml in dreamweaver but nothing seems to happen.

How do I go about doing this?

Thanks guys

Lee

Henrie · Post by **Henrie** » Tue Feb 28, 2006 6:24 pm

In the mboard directory is a file named header.txt
In this file you should place the link to your image.

In your case when i look at the source code of your main page the following code should be placed in the header.txt file.

Code: Select all

<table width="1000" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td><img src="images/1Banner8.gif" width="1002" height="50" border="0" usemap="#Map3" /></td>
  </tr>
  <tr>
    <td><img src="images/2Header3finished.jpg" width="1002" height="21" border="0" usemap="#Map" /></td>
  </tr>
  <tr>
    <td><img src="images/Almost-see-through.gif" width="1002" height="991" border="0" usemap="#Map2" /></td>
  </tr>
  <tr>

    <td background="images/4Bottom-Green.gif" width="1002" height="40"><span class="style1">Million Dollar Health Man Pixel Advertising </span></td>
  </tr>
</table>

<map name="Map" id="Map">
  <area shape="rect" coords="68,2,152,18" href="The Idea.html" target="_top" alt="The Idea" />
<area shape="rect" coords="155,1,256,17" href="Buy a Block.html" alt="Buy a Block" />
<area shape="rect" coords="259,1,326,18" href="F A Q.html" alt="Frequently Asked Questions" />
<area shape="rect" coords="329,2,425,18" href="mboard.php" alt="Contact the Health Man" />
<area shape="rect" coords="776,2,986,19" href="#" alt="1,000,000 Pixels Available" />
</map>
<map name="Map3" id="Map3"><area shape="rect" coords="762,18,979,32" href="The Idea.html" alt="$1 per pixel" />
</map>

I hope this helps you.

Greetings,
Henrie

hamertime · Post by **hamertime** » Wed Mar 01, 2006 12:06 am

Hi Henrie

Thanks for the info, I appreciate the help.

I did as you suggested and put the header image for the website in the header file and the bottom image of the website in the footer file. Which is all working fine.

The problem is that I wanted the middle image from my homepage to be in the background of the message board page only I cant do that by adding it to the header or footer file.

Do you have any ideas of how I can do this?

Thanks again.

Henrie · Post by **Henrie** » Wed Mar 01, 2006 2:24 am

Open the style.css file which came with your mboard package.
The following code should be changed:

Code: Select all

BODY, TD {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

Change it to this:

Code: Select all

BODY {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(http://www.milliondollarhealthman.com/images/Stadium-Pad.gif);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: 0px 71px;
}

TD { color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

The TD styles have been separated from the BODY style because otherwise the background image would also be in each table cell (which would then be displayed different in the different browsers, Internet Explorer vs other browsers)

Just for your information some more information about the possible values for background-images through css files. Because i tried the best to give the right values for your situation in the code block above, but i have not tried it in a browser so i could have done someting wrong.
background-image: url(images/backgroundimage.gif); /* the url to your background image */
background-color: white; /* the background color of the page where no image is shown */
background-attachment: fixed; /* fixed = not scroll with page; scroll = scroll with page */
background-repeat: no-repeat; /* no-repeat = show background image once; repeat-x; repeat-y; repeat */
background-position: center center; /* where should the background image be placed on screen; top left; top center; top right; center left; center center; center right; bottom left; bottom center; bottom right; x-% y-%; x-pos y-pos */

For more explanation visit the following link
http://www.w3schools.com/css/css_background.asp

Greetings,
Henrie