[Tutorial] Adding sidebar to your forums

[MyBB Hoster]

oh so nice but can we add it in another side too?

Its already been answered Bupan Raz.

Change right to left

<div class="forums" style="float: right; width: 79%;">

Change left to right

<div class="sidebar" style="float: left; width: 20%">

Easy my friend next time read :p

[koz]

It's only used for the main forum index. I'll probably make a tutorial later this week to do it on all sections.

[MyBB Hoster]

Have you figured out how to get the latest threads to show in the sidebox of yours?

[Alex C.]

How do I add multiple boxes?

I've tried but it just screws things up.

Can anyone help?

[FooFighter]

Have you figured out how to get the latest threads to show in the sidebox of yours?

Any luck on this yet?

[Alex C.]

Can anyone tell me how to add multiple boxes?

I'm still waiting for a response.

[Johnny S]

In div tag that is wrapping sidebar boxes just add new table tag

<div class="sidebar" style="float: left; width: 20%">



<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Title Here
</td>
</tr>

<tr>
<td class="trow2">
Text Here
</td>
</tr>
</table>
</div>

New box in sidebar

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Title Here
</td>
</tr>

<tr>
<td class="trow2">
Text Here
</td>
</tr>
</table>

and seperate them with br tag ( <br /> ) so it will look like

<div class="sidebar" style="float: left; width: 20%">



<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Title Here
</td>
</tr>

<tr>
<td class="trow2">
Text Here
</td>
</tr>
</table>

<br />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Title 2 Here
</td>
</tr>

<tr>
<td class="trow2">
Text 2 Here
</td>
</tr>
</table>

</div>

[Alex C.]

In div tag that is wrapping sidebar boxes just add new table tag

<div class="sidebar" style="float: left; width: 20%">



<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Title Here
</td>
</tr>

<tr>
<td class="trow2">
Text Here
</td>
</tr>
</table>
</div>

New box in sidebar

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Title Here
</td>
</tr>

<tr>
<td class="trow2">
Text Here
</td>
</tr>
</table>

and seperate them with br tag ( <br /> ) so it will look like

<div class="sidebar" style="float: left; width: 20%">



<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Title Here
</td>
</tr>

<tr>
<td class="trow2">
Text Here
</td>
</tr>
</table>

<br />

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>
<td class="thead">
Title 2 Here
</td>
</tr>

<tr>
<td class="trow2">
Text 2 Here
</td>
</tr>
</table>

</div>

Yes! Thank you so much.

That was so easy yet I couldn't get it, haha. I really appreciate it.

[koz]

The tutorial has been updated! If you have any sidebar codes you want added to the main post let me know.

[FooFighter]

I would want a latest posts and another for latest threads in two different side bars, without a pluggin, thanks