Make Your Forum Columns Line Up

Shahrukh Khan

New Member
If you're using one of my themes and log in to your forum and see your forum icons nice and neat in one forum and the next forum the same column <-- IS THIS WIDE --> ? Or how about that pesky Last Post column?! grrrrrrrrrrrr.....

This doesn't usually happen in Firefox, but IE... HOLY GOODNESS! This sometimes happens with my themes because I like to separate the categories, and it sometimes throws some of the columns out of whack.

Well, help is here! This is how you can remedy the situation (I'll be taking the time to do this in my new 3.7.0 themes from now on) -

Login to your Admin Control Panel (ACP), and go to your style's templates. Open FORUMDISPLAY template. Find this troublemaker right here...

Code:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
    <tr align="center">
[COLOR=Red][b]<td class="thead">&nbsp;</td>
<td class="thead" width="100%" align="$stylevar[align=left]">$vbphrase[forum]</td>
<td class="thead" width="175">$vbphrase[last_post]</td>
<td class="thead">$vbphrase[threads]</td>
<td class="thead">$vbphrase[posts]</td>
<if condition="$vboptions[showmoderatorcolumn]">
<td class="thead">$vbphrase[moderator]</td>[/b]
      <[COLOR=Black]/if>
    </tr>[/COLOR][/COLOR]
</thead>
$forumbits
</table>

REPLACE the section in RED with this -
Code:
<td class="thead" width="5%">&nbsp;</td>
<td class="thead" width="55%" align="$stylevar[align=left]">$vbphrase[forum]</td>
<td class="thead" width="20%">$vbphrase[last_post]</td>
<td class="thead" width="10%">$vbphrase[threads]</td>
<td class="thead" width="10%">$vbphrase[posts]</td>
<if condition="$vboptions[showmoderatorcolumn]">
<td class="thead">$vbphrase[moderator]</td>
      </if>
    </tr>

Hit the SAVE button

Notice that in the table code just above that section, you'll see that the width is 100%. We've assigned width %'s to each column, totalling 100%.

ummmm did ya think we were finished?? HA!

Next, open the forumhome_forumbit_level1_nopost template, and find this -

Code:
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
<tr align="center">
[b][COLOR=Purple]<td class="thead" width="35">&nbsp;</td>
<td class="thead" align="$stylevar[align=left]">$vbphrase[forum]</td>
<td class="thead" width="225">$vbphrase[last_post]</td>
<td class="thead" width="65">$vbphrase[threads]</td>
<td class="thead" width="65">$vbphrase[posts]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="thead" width="120">$vbphrase[moderator]</td>[/COLOR][/b]
</if>
</tr>
$childforumbits

REPLACE the section in purple, with this -
Code:
<td class="thead" width="5%">&nbsp;</td>
<td class="thead" width="55%" align="$stylevar[align=left]">$vbphrase[forum]</td>
<td class="thead" width="20%">$vbphrase[last_post]</td>
<td class="thead" width="10%">$vbphrase[threads]</td>
<td class="thead" width="10%">$vbphrase[posts]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="thead" width="0%">$vbphrase[moderator]</td>

Hit the SAVE button.

Now you're finished. Those columns should line right up. If they don't, please re-trace your steps above. If they still don't -

We're both in trouble!
 
Once again..no screenshots..wow man..how could you not think of not posting screenshots along with your mods your posting?
 
well
it is working
but i have a question regarding this

is thier a way to use this template modification with another modification wich seperates the forums ?

I am using the seperation mod. and the columns are really messy
I tried to use this code with it but didnt work for me

any idea ?
 
He basically made you do a bunch of work you can go to your styles manager option in the admin control panel and go to the drop down scroll bar thats to the right of your skins name. Click on it and find style vars. Click it it will show you how much the main table takes up. Mine is set to 80% so its readable by my members. This works on any skin that's fully inserted in to the main table
 
pein87 said:
He basically made you do a bunch of work you can go to your styles manager option in the admin control panel and go to the drop down scroll bar thats to the right of your skins name. Click on it and find style vars. Click it it will show you how much the main table takes up. Mine is set to 80% so its readable by my members. This works on any skin that's fully inserted in to the main table

what you are talking about is true
but it has nothing to do with what is written in this thread
this thread talks about lining up the columns
all columns and not setting up the size of the main table
 
Back
Top