
mukundis wrote:I have a better tute.
No Tables Nothing. Just DIV DIV And Pure DIVS. God I hate Tables.
Open template\overall_footer.htmlCode: Select all
First Create a sidebar.html file in the template directory and add whatever you want.
NOTE: The reason I am putting the code in overall_footer is that I wanted to load the sidebar after my forum is rendered. As I will be displaying advertisements on the sidebar, It only makes sense to load them after the forum gets loaded so that Adsense bot can understand better as to what it needs to display.
FindAdd BeforeCode: Select all
<div id="page-footer"> <div class="navbar">
Code: Select all
<div class="page-sidebar"> <!-- INCLUDE sidebar.html --> </div>
Save the file.
Go to Administration Panel -> Styles -> Theme and click on Edit
FindFor Displaying Sidebar on Left Add afterCode: Select all
#page-body {
Also Remove the Following line bellow #page-bodyCode: Select all
width:85%; float:left
Code: Select all
float:auto
NOTE #page-body should look like thisGo To The Last line and add AfterCode: Select all
#page-body { float:left; margin:4px 0pt; width:81%; }
Code: Select all
.page-sidebar { float:right; margin-top:4px; width:14%; }
For Displaying Sidebar on Right Add afterGo To The Last line and add AfterCode: Select all
width:85%; float:Right
U can Play With the width to adjust the size and all. Just change the percentage.Code: Select all
.page-sidebar { float:left; margin-top:4px; width:14%; }
I mean instead of 85% you can make it 80% or something.
Quick Tables:(you need to change the table name and text

Code: Select all
<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header"><dl><dt>{ TITLE }</dt></dl></li>
</ul>
<ul class="topiclist forums">
<li><dl>
<dd class="posts_portal">
{ CONTENT }<br />{ CONTENT }
</dd>
</dl></li>
</ul>
<span class="corners-bottom"><span></span></span>
</div>
</div>
Code: Select all
<div class="panel">
<div class="inner">
<span class="corners-top"><span></span></span>
<h3>{ TITLE }</h3>
{ CONTENT }<br />{ CONTENT }
<span class="corners-bottom"><span></span></span>
</div>
</div>
