Check out the FREE chatroom mod for IPB 3.x

This FAQ is for people who wish to surround their forums (forum category, board statistics, forum viewing area and topics to be exact) with a border containing images. The images I have used through out this tutorial are as follows:-
:- border_top_left.gif (13 x 13)
:- border_top_back.gif (1 x 13)
:- border_top_right.gif (13 x 13)
:- border_left_back.gif (13 x 1)
:- border_right_back.gif (13 x 1)
:- border_bottom_left.gif (13 x 13)
:- border_bottom_back.gif (1 x 13)
:- border_bottom_right.gif (13 x 13)

Note:- Throughout this tutorial I am using images that are 13 x 13 (pixels, W x H) if your images are bigger or smaller you will need to change the size through out this tutorial seeing as it is made for the images I designed. They are also named and those names will be used through out the tutorial.

You will need 3 images for the top, 2 for the middle and 3 for the base.

Step 1.*Optional
Rename your images to border_top_left.gif, border_top_back.gif, border_top_right.gif, border_left_back.gif, border_right_back.gif, border_bottom_left.gif, border_bottom_back.gif, border_bottom_right.gif. This is just for convenience sake seeing as I use these image names through out the tutorial (you don’t have to call them this but if you change the names you will need to change the names through out the tutorial).

Step 2. Bordering the categories and forums!
GOTO:- Admin CP > Skin & Templates > |-- HTML Templates > Manage HTML > Board Index Sections > Start Category Table

Find:-


Above place:-


Select:-
The Update templates button which is to the bottom of the page.

Note:- I have included a table so that the forum contents can be placed in there, you can change the amount of padding you use, in the code I use 1 padding. If you wish to change the padding find:- <td width="98%" align="center"><table border="0" cellpadding="1" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> and change what is in bold and black.

GOTO:- Admin CP > Skin & Templates > |-- HTML Templates > Manage HTML > Board Index Sections > +-- End Category Row

Find:-


Below place:-


Select:-
The Update templates button which is to the bottom of the page.

Example:-
Your board will now look something like this…
http://www.onlinediscussions.net/images/category&forums.gif

Step 3. Bordering the board statistics
GOTO:- Admin CP > Skin & Templates > |-- HTML Templates > Manage HTML > Board Index Sections > Start Board Statistics Table

Find:-


Above Place:-


Select:-
The Update templates button which is to the bottom of the page.

Note:- I have included a table so that the forum contents can be placed in there, you can change the amount of padding you use, in the code I use 1 padding. If you wish to change the padding find:- <td width="98%" align="center"><table border="0" cellpadding="1" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> and change what is in bold and black.

GOTO:- Admin CP > Skin & Templates > |-- HTML Templates > Manage HTML > Board Index Sections > End Board Statistics Table

Find:-


Below place:-


Select:-
The Update templates button which is to the bottom of the page.

Example:-
Your board will now look something like this…
http://www.onlinediscussions.net/images/boardstatistics.gif

Your board is now running with bordered images! To get these bordered images at other places around your forum, you will need to edit the header of the section and the footer, adding this code in the header:-


(Usually always associated with <div class="tableborder"> so place it above that line of code)
And in the footer just place this code:-


(Usually always associated with </div> so place it below that line of code)
Final note:- Throughout this tutorial I am using invisionboard version 1.3, this is most likely to work in other versions of invisionboard aswell.