Forums arranged in columns on forumhome

As requested several times, this hack allows you to arrange forums on forumhome in xx columns instead of just one per row as it is in standart vb3. It is a plain port of my 3.0 version you can find here.

Look at the screenshot to know what i mean

The design is changeable in the templates of course


I've tested it, and it should work, but as i don't use it myself, i cannot do a longtime test, so if you find any bugs, report them

Right now, it's just working on forumhome.
I'll add changes for forumdisplay later

[Blackheart_72]

Try this in your nopost template:

<if condition="!$show['collapsable_forums']">
<tbody>
</if>
	<tr>
		<td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
			<if condition="$childforumbits">
			<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
			</if>
			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
			<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
			<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
		</td>
	</tr>
<if condition="!$show['collapsable_forums']">
</tbody>
</if>
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
<if condition="$forum['subforumcolumns'] > 1">
	<tr>
		<td class="alt1" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
<table style="border: none; width: 100%;">
			$childforumbits
</table>
		</td>
	</tr>
<else />
	$childforumbits
</if>


<if condition="!$show['collapsable_forums']">
</tbody>
</if>
</if>

[KevinL]

Veccy 150 Got this all wrapped up for me! The code above worked mint!

Thanks

[GlamRockTalk]

Veccy is a good person...he's trying to help me with my custom icons issue too! Thanks Veccy!

[KevinL]

Yeah he is.

I got the icons set up no problem.

Check my sig

[GlamRockTalk]

Looks good Kevin!

By the way, did you use the prefix field within the forum manager for the icons? Or, did Veccy help you with that as well?

[KevinL]

Did this here... it's another mod on here I don't feel like looking for the thread but here is the attachment. I hope this is ok

Styles & Templates > Style Manager > Edit templates

Forum Home Templates > forumhome_forumbit_columncell

Select all and delete

================================================
Add This Code In Window:
================================================


<td class="alt1Active" align="$stylevar[left]" id="f$forum[forumid]" width="$column_width">
<div>
<table border="0" cellpadding="1" cellspacing="5">
<tr>
<td><img src="$stylevar[imgdir_statusicon]/$forumid.png" alt="" class="ForumImages" /></td>
<td>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
</div>
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
<if condition="$show['lastpostinfo']">
<div class="smallfont" align="$stylevar[left]">
<div style="clear:both">
Last Post: <a href="showthread.php?$session[sessionurl]goto=newpost&amp;t=$lastpostinfo[lastthreadid]" title="<phrase 1="$lastpostinfo[lastthread]">$vbphrase[go_first_unread_in_thread_x]</phrase>"><strong>$lastpostinfo[trimthread]</strong></a>
</div>
<div<if condition="is_browser('ie', 6)"> style="float:$stylevar[left]"</if>>
Posted <phrase 1="member.php?$session[sessionurl]find=lastposter&amp;f=$lastpostinfo[forumid]" 2="$lastpostinfo[lastposter]">$vbphrase[by_x]</phrase>

-$lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']">-<span class="time">$lastpostinfo[lastposttime]</span></if></div><BR>
Forum Info: Topic: $forum[threadcount]
Post: $forum[replycount]
</if>
</td>
</table>
</td>

==============================================
Click SAVE
==============================================


Now go to your style options ( Styles & Templates > Style Manager > All style Options) and add the following into additional css:


/* Forum Images next to the Description for every Forum */
.ForumImages {
float: left;
margin-right: 8px;
margin-top: 2px;
}



Save your style options and you are done.

Now you simply need to create images called:

ForumID.png

for each forum you want to have an image and put it into /images/statusicon/
Example: 22.png


TIP: You can upload .gif images and just rename it in your FTP client as .png (works for me).

IMPORTANT NOTE: Dont forget to edit ur catagorys and select the number of columns at the end of the edit page.


You are done!

Enjoy!

[GlamRockTalk]

Thanks Kevin.

I'll wait to see if Veccy helps me get it working so that I can use the built in vB custom category icon field. If he can't get it to work, then I'll try your method as a backup.

[KevinL]

Cool beans

Just be aware that this is far from XHTML valid. I went from 1 error to 80! haha

So if you're big on validating your site you're going to have some work cut out for you after using this hahah

[Reece^B]

Veccy what are you using in your columncell template?
It's very neat and what not. Mind sharing lol?

[Reece^B]

On another note, when you have the columnised forums how did you remove the last post, threads, posts bit @ the top?

Could people share their template? I've spent got knows how long trying to make this look good, but it's not happening lol.

Also, anyone got that image prefix in the forum manager to work?