[New] How to Add Sidebars

gagf - 5-7-2012 at 04:08 AM

Full Board URL: http://www.gagunforum.com/
XMB Version: 1.9.11

I would like to add sidebars or side boxes to my forum. Left or right (haven't Decided yet) for now i would put ads in there, I have my forum set to 98% width

Can someone help me with a piece of code or whatever it takes to do this?

anendeth - 5-7-2012 at 09:31 AM

Quote: Originally posted by gagf

Full Board URL: http://www.gagunforum.com/
XMB Version: 1.9.11

I would like to add sidebars or side boxes to my forum. Left or right (haven't Decided yet) for now i would put ads in there, I have my forum set to 98% width

Can someone help me with a piece of code or whatever it takes to do this?

the only problem with doing that, is you will have to have fixed widths. This will make it to where your site will look different to anyone that comes on it. For instance if someone with 800x600px screen comes on, and you have your width set to 800 px, they're not going to see the adverts at all.

Even if you tried to not to a fixed width, the problem would still arise. You'd have your site set to.. say 75%.. and then the sidebar set to 23% if someone that uses a smaller pixel per ratio, the ads aren't going to show up properly. Instead they'll be shushed.

It already looks like you have a lot of advertisements on your forum, are you sure you'd like to add more?

Mouser - 5-7-2012 at 06:55 PM

Hmm.. Use whatever width you want(% or px), but make the sidebar a fixed with?

gagf - 5-8-2012 at 01:09 AM

if i add sidebars or boxes , i will do away with the ones in the footer area

vamsee - 6-16-2012 at 03:03 AM

in admin CP, open templates -> Header ,

add this at bottom :

Code:

<table cellspacing="0" cellpadding="1" border="0" width="$tablewidth" align="center">
<tr>
<td width="200" valign="top">
<table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" bgcolor="{$THEME['bordercolor']}">
<tr>
<td>
<table border="0" cellspacing="{$THEME['borderwidth']}" cellpadding="$tablespace" width="100%">
<tr>
<td class="category"><font color="{$THEME['cattext']}"><strong>Test Sidebar</strong></font></td>
</tr>
<tr>
<td class="tablerow" bgcolor="{$THEME['altbg1']}">Test text</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top">

you can change width="200" to whatever width you want and also replace Test Sidebar and Test text with adcode or whatever html code you like.

edit footer template , and add this at top :

Code:

</td>
</tr>
</table>

you can see an example of sidebar with search box and ads in my signature link.