How to Customize phpBB3 Template
- April 13th, 2008
- Easy Solutions
- 8 Comments
Customizing phpBB3 is actually pretty easy. phpBB has poor documentation on how to change the forum engine template to look like your current website easily. I customized the style “prosilver”, the default theme that comes with phpBB3 to look like a project website I’m doing. If you are looking to just remove the existing header and put your own header, then this article is for you.
To get started, make sure that your current design uses a <div> wrapper. This serves useful because it contains the forum template within your current template. The widths of the forum is determined by the wrapper.
Navigate to your style folder, find and edit “overall_header.html & overall_footer.html“.
Those are the only two files that you truly have to care about, leave the other ones alone. For SBUGuide, the picture above, I used the default ProSilver design that came with phpBB3. What you have to do is use a wrapper design to contain the forum category. You can now add your own header and footer, but forget to include a class and id in you body tag.
id="phpbb" class="section-index ltr"
That’s all you have to do, to make the forums your own!
April 17th, 2008 at 7:44 am
FYI the link in your newly designed header for podcasts points to #.
April 25th, 2008 at 7:58 pm
Thanks, its still in beta.
May 30th, 2008 at 10:31 am
thanks al ot!
December 16th, 2008 at 4:45 am
sweet deal thanks
March 29th, 2009 at 7:28 pm
Your forum/website look great.
I do not understand this:
“What you have to do is use a wrapper design to contain the forum category.”
Is this wrapper design part of the phpBB installation?
Or is it part of the website, which is based on a CMS, such as Joomla?
Thank you
March 29th, 2009 at 7:37 pm
No it is not, well it “was” in the default forum template, but I removed it when editing the header files and implemented my own wrapper with a specified width.
April 6th, 2009 at 6:19 pm
Great article!
How do you “put the forum category in a wrapper”? What is the path of the files overall_header.html – modifying the one in the template directory made no difference.
August 13th, 2009 at 6:32 pm
How to change all template ???