Another customizing question

Is message board greying out your hair (at least what's left of it)? Let us help you here
Locked
thewiltseyway
Posts: 3
Joined: Sat Mar 04, 2006 1:56 am

Another customizing question

Post by thewiltseyway »

Script URL: http://www.thewiltseyway.com/mboard/mboard.php
Version of script: downloaded yesterday 03/02/2006
Version of PHP: ?
Hosting company: ranchoweb.com
Have you searched THIS FORUM for your problem: yes
(if not please do before posting)
If so, what terms did you try: customizing, .css, also used search engines and frontpage help

Write your message below:

If you go to the above URL you'll see that I'm kind of stuck. I've read everything that I can find (and understand) about .css and I don't understand much.

I would like to have the message board match the rest of my website: http://www.thewiltseyway.com, with the top, links and the links down the right side. I'm not quite sure how to do this.

Any help is appreciated.

Thanks,

Kathleen
Henrie
Posts: 1095
Joined: Sun Aug 14, 2005 8:57 pm

Post by Henrie »

You have to place the html you now have in the body section of a standard layout from one of your pages in the header.txt and footer.txt file provided with the mboard script.

In the header.txt file this would be in your case:
Start with: <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table1"> and end with: <td width="98%"> (This is just before <font face="Verdana" size="2">February 27, 2006</font><p>)

In the footer.txt file this would be in your case:
Start with: </td><td width="1%">&nbsp;</td></tr></table> (this is after where you normally place text in your page) and end with: </table> (this is just before the </body> tag, don't include the </body> tag).

To set you background, you have the edit the style.css file.
First you have the split the BODY, TD section.
Because i don;t see you using css-styles in your page I'll explain.
In the css file styles for displaying elements of your page are set. The BODY,TD {...} section set styles for both BODY and TD's in your page. But you only want a background for your BODY, therefor you have to split. To do this, copy the whole BODY,TD {...} section and in the first section delete ,TD and with the second section delete BODY, it will now look like this:

Code: Select all

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

TD {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
Now add the link for the background-image to the body section like you have already done, it will look like this

Code: Select all

BODY, TD {
	color : black;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image: url(http://www.thewiltseyway.com/bgdsgldtree2.jpg);
	font-size: 11px;
}
To learn more about css styles use the following site a lot to see the different css style options: http://www.w3schools.com/css/default.asp

I hope this helps you.

Greetings,
Henrie
Locked