[Tutorial] Adding sidebar to your forums
#11
(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

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

I've tried but it just screws things up.

Can anyone help?
Reply
#15
(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?
Reply
#16
Can anyone tell me how to add multiple boxes?

I'm still waiting for a response. Toungue
Reply
#17
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>

Reply
#18
(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.
Reply
#19
The tutorial has been updated! If you have any sidebar codes you want added to the main post let me know.
Reply
#20
I would want a latest posts and another for latest threads in two different side bars, without a pluggin, thanks Smile
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)