Changing style to same style as my html website ?

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Get Involved
Locked
GiffHost
Registered User
Posts: 230
Joined: Wed Jan 25, 2012 10:03 pm

Changing style to same style as my html website ?

Post by GiffHost »

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 :)
User avatar
Rahber
Former Team Member
Posts: 2720
Joined: Tue Feb 12, 2008 3:39 pm
Location: Pakistan
Name: Rahber
Contact:

Re: Changing style to same style as my html website ?

Post by Rahber »

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
Registered User
Posts: 230
Joined: Wed Jan 25, 2012 10:03 pm

Re: Changing style to same style as my html website ?

Post by GiffHost »

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
User avatar
Lumpy Burgertushie
Registered User
Posts: 68553
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Changing style to same style as my html website ?

Post by Lumpy Burgertushie »

in the code of your main site page. copy everything from the <div id="header"> to the closing </div><!-- #header (end) --> 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
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
GiffHost
Registered User
Posts: 230
Joined: Wed Jan 25, 2012 10:03 pm

Re: Changing style to same style as my html website ?

Post by GiffHost »

Thanks i done that :) >> http://community.mehost.co.uk/

Can anyone help my tidy the css please to make it look better ? Cheers
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: Changing style to same style as my html website ?

Post by Arty »

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;
}
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
Locked

Return to “[3.0.x] Styles Support & Discussion”