[Tutorial] Adding sidebar to your forums
#22
How do I get a sidebar to show up consistently on all pages - threads, sub-forums, etc?

For those who wanted a sidebar on more pages of your forum, I've gone ahead and worked out the code to add it to your forum display and thread display sections.

I started with the base code provided with this tutorial.

However, the first thing you want to do is go to the advanced editor of your global CSS stylesheets. Add this (you can adjust the widths to meet your needs):

#mainwrapper
{
	width:1140px;
	margin: 0 auto;
}
#wrapper_right
{
	width:180px;
	float:right;
}
#wrapper_left
{
	width:960px;
	float:left;
}

Then, in your Header template file, add this before the content div

<div id="mainwrapper">

Close that by going to the footer, and right at the top of the file adding a close div mark

</div>

Then, in your index, forum display and show thread template files, after the header, insert this code:

<div id="wrapper_right">

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

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

<tr>
   <td class="trow2" style="text-align: center">
   </td>
</tr>
</table>
</div>

Then, find the main section of that type of page - whether it's the forums, the posts itself, etc... it's the main areas following the header. Surround those tags with this:

<div id="wrapper_left"> 

{THE MAIN CONTENT TAGS OF THAT TYPE OF PAGE}

</div>
<hr class="hidden" />		<br class="clear" />

And you're all set!
Reply


Messages In This Thread
[Tutorial] Adding sidebar to your forums - by koz - 2011-07-01, 01:41 PM
RE: [Tutorial] Adding sidebar to your forums - by jme248 - 2012-09-19, 03:33 AM

Forum Jump:


Users browsing this thread: 1 Guest(s)