How to Add a Sidebar in phpbb prosilver Tutorial

by Admin on March 30, 2009

No Tables Nothing. Easy to do …

Code:
First Create a sidebar.html file in the template directory and add whatever you want.

Open template\overall_footer.html

NOTE: The reason I am putting the code in overall_footer is that I wanted to load the sidebar after my forum is rendered. As I will be displaying advertisements on the sidebar, It only makes sense to load them after the forum gets loaded so that Adsense bot can understand better as to what it needs to display.

Find

Code:

Add Before

Code:

Save the file.

Go to Administration Panel -> Styles -> Theme and click on Edit

Find

Code:
#page-body {

For Displaying Sidebar on Left Add after

Code:
width:85%;
float:left

Also Remove the Following line bellow #page-body

Code:
float:auto

NOTE #page-body should look like this

Code:
#page-body {
float:left;
margin:4px 0pt;
width:81%;
}

Go To The Last line and add After

Code:
.page-sidebar {
float:right;
margin-top:4px;
width:14%;
}

For Displaying Sidebar on Right Add after

Code:
width:85%;
float:Right

Go To The Last line and add After

Code:
.page-sidebar {
float:left;
margin-top:4px;
width:14%;
}

U can Play With the width to adjust the size and all. Just change the percentage.

I mean instead of 85% you can make it 80% or something.

Now the sidebar is created in your phpbb installation .

If you want to add links or any html code then you can just add that code to sidebar.html that was created .

If you want your sidebar to look like this :

Then just add this simple code to your sidebar.html file.

Code:
  • { TITLE }
  • { CONTENT }{ CONTENT }

If you are using subsilver2 template . You will need a sidebar which looks like this :

For that simply add below code to sidebar.html.

Code:

{ TITLE }

{ CONTENT }{ CONTENT }

Note : you need to change the table name and text

Popularity: 7% [?]

Leave a Comment

Previous post: Making phpBB3 Mobile Compatible

Next post: Wordpress vs Blogger