MyBB Community Forums

Full Version: [Tutorial] Adding sidebar to your forums
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4
(2011-09-09, 03:03 AM)Bapun Raz Wrote: [ -> ]oh so nice but can we add it in another side too? Sad

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 Smile next time read :p

It's only used for the main forum index. I'll probably make a tutorial later this week to do it on all sections.
Have you figured out how to get the latest threads to show in the sidebox of yours?
How do I add multiple boxes?

I've tried but it just screws things up.

Can anyone help?
(2011-09-20, 09:14 AM)Bounty Killer Wrote: [ -> ]Have you figured out how to get the latest threads to show in the sidebox of yours?

Any luck on this yet?
Can anyone tell me how to add multiple boxes?

I'm still waiting for a response. Toungue
In div tag that is wrapping sidebar boxes just add new table tag

Quote:<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


Quote: <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

Quote:<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>

(2012-03-14, 10:33 PM)Johnny S Wrote: [ -> ]In div tag that is wrapping sidebar boxes just add new table tag

Quote:<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


Quote: <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

Quote:<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.
The tutorial has been updated! If you have any sidebar codes you want added to the main post let me know.
I would want a latest posts and another for latest threads in two different side bars, without a pluggin, thanks Smile
Pages: 1 2 3 4