Changing style to same style as my html website ?

GiffHost · Post by **GiffHost** » Wed Jun 27, 2012 7:43 pm

Hello,

I would like my new community to have the same theme as my html website, at first look what i think i need to do is, add header and footer and thats all, oh and change the width of the forum to about 3/4.

Please could you advice how to do this

Cheers

Links;

- PHPBB Forum http://community.mehost.co.uk
- HTML Website https://www.mehost.co.uk

Thanks, Regards, Alexander

Rahber · Post by **Rahber** » Wed Jun 27, 2012 10:11 pm

You need to modify your template by editing overall_header.html.

You can copy the code in overall_header.html and match the requires css for it taking care of conflicting css.

GiffHost · Post by **GiffHost** » Thu Jun 28, 2012 2:18 pm

Thanks, but i done my best but could not get it to work.

Could i paste my header and footer code and someone help me ?

Cheers

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Thu Jun 28, 2012 2:51 pm

in the code of your main site page. copy everything from the <div id="header"> to the closing </div> and put it in your overall_header.html file right after the opening <body> tag.

you will need to add the stylesheet link from the main site to the overall_header file in the head section.

you may have to do some tweaking of the css if there are any duplicate css tags.

remember, you must download the files to your computer to edit them with a real text editor.

Dreamweaver and Frontpage are not good choices when it comes to file editors (find out why). Use a simple text editor such as Notepad++ with an FTP client such as FileZilla

also, after every change you must refresh your template from the admin panel/styles section in order to see the changes.

luck,
robert

GiffHost · Post by **GiffHost** » Thu Jun 28, 2012 6:40 pm

Thanks i done that

>> http://community.mehost.co.uk/

Can anyone help my tidy the css please to make it look better ? Cheers

Arty · Post by **Arty** » Fri Jun 29, 2012 9:13 am

Remove text-align:center from body or add text-align:left to #page-body. For #page-body and .navbar add left/right margins and maybe font-size:11px and change font-family.

Something like this:

Code: Select all

#page-body { text-align: left; }
#page-body, .navbar {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 11px;
  font-family: Verdana;
}

advertisements