ADD sidebar in PHPBB3.x template

To add sidebar in your phpbb3 template you have to edit two files, overall_header.html and overall_footer.html. These files are in the /forum_root/styles/template_name/template/ directory, where forum_root is the directory where you install your PHPBB forum and template_name is the name of template you want to edit. Default template is prosilver.

How to edit PHPBB3 template:

1. Login to your Administration Control Panel.
2. At the top of the panel click on the style tab of tabbed menu (see image below).
3. At the left side vertical menu click on the link template. A list of all templates will appear.
4. Click on the edit link of the template which you want to edit. A drop-down combo box will appear listing all template files in alphabetical order.
5. From here you select file overall_header.html or overall_footer.html for editing.
6. After editing do not forget to save them.

How to add a left sidebar in PHPBB

<table id="mainbody"><tr><td id="left_sidebar">
<!-- Your sidebar html code here-->
</td><td id="right_column">

<style>
<!--
table#mainbody{ width:100%; }
td#left_sidebar{width:200px;}
//Add style for your sidebar code.
-->
</style>

How to add a right sidebar in PHPBB

</td> <td id="right_sidebar">
<!-- Your sidebar html code here-->
</td></tr></table>

<table id="mainbody"><tr><td id="forum_body">
//Add the following style inside the head tag.
<style>
<!--
table#mainbody{ width:100%; }
td#left_column{width:200px;}
-->
</style>

Include sidebar page

1. Creates an HTML page sidebar.html.
2. Upload it into the /forum_root/styles/template_name/template/ directory, where forum_root is the directory where you install your PHPBB forum and template_name is the name of template you want to edit
3. Now replace the line <!-- Your sidebar html code here--> with
   <!-- INCLUDE sidebar.html -->.

<style>
<!--
table#mainbody{ width:100%; }
td#left_sidebar{width:200px; vertical-align:top;}
//Add style for your sidebar code.
-->
</style>

<style>
<!--
table#mainbody{ width:100%; }
td#left_sidebar{width:200px;}
//Add style for your sidebar code.
-->
</style>

<style>
<!--
table#mainbody{ width:100%; }
#mainbody td{vertical-align:top;}
td#left_sidebar{width:160px;}
td#right_sidebar{width:160px;}
//Add style for your sidebar code.
-->
</style>

<table id="mainbody"><tr><td id="left_sidebar">
<!-- Your sidebar html code here-->
</td><td id="forum_body">

</td><td id=?right_sidebar?>
//Your right sidebar code here.
</td>
</tr></table>

• Home
• About
• Sitemap
• Terms of use
• Forum

• Contact
• Atom
• Add comment
• Admin