PDA

View Full Version : Forum Display Enhancements - CS Mod - Special Arrangement of Categories - Cell Categories


GuyUltimate
10-10-2009, 10:00 PM
Hello there
Some of you may be familiar with the CS Mod that was specially created in Israel (based on my knowledge so do not argue with me about it because I do not really care where it was created) and some of you may not.
It is a highly recommended Mod to make your forum look better.

It highly attracts people and I use it in my forum.

An example could be shown here:
http://www.fxp.co.il/

So, lets start.[/B]

[B]Installation:

[B]1. Go to the Admincp
2. Go to Styles & Templates(extend category)
3. Choose Style Manager
4. Choose Edit Templates and click Go.
5. Before you do anything! Backup the templates:
- FORUMHOME
- forumhome_forumbit_level1_nopost
- forumhome_forumbit_level2_post
6. Lets start:

[COLOR="black"][SIZE="2"]Open up FORUMHOME and replace EVERYTHING with this:

$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<!-- no cache headers -->
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<meta http-equiv="Cache-Control" content="no-cache" />
<!-- end no cache headers -->
$headinclude
<title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]</phrase></title>
</head>
<body>
$header
$navbar

<if condition="$show['guest']">
<!-- guest welcome message -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></td>
</tr>
<tr>
<td class="alt1">
<phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase>
</td>
</tr>
</table>
<!-- / guest welcome message -->
<br />
</if>

<!-- main -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<table width="100%" align="center" cellspacing="4" cellpadding="10"><tr><td valign="top" width="100%" id="lastposttbl" align="center"><b>
<table width="100%" cellspacing="0" cellpadding="0" border="0" valign="top">
<tr>
<td width="80%">
<table width="100%" cellspacing="0" cellpadding="0" border="0" valign="top">
<tr valign="top">
$forumbits
</tr>
</table>
</td>
</tr></table></td></tr></table>
</table>
<tbody>
<tr>
<td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong>
<a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a>
<if condition="$vboptions['forumleaders']">&nbsp; &nbsp;
<a href="showgroups.php$session[sessionurl_q]">$vbphrase[view_forum_leaders]</a></if>
</strong></div></td>
</tr>
</tbody>
</table>
$forumhome_markread_script
<!-- /main -->

<br />
$ad_location[ad_forumhome_afterforums]
<br />

<!-- what's going on box -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>
</tr>
</thead>
$template_hook[forumhome_wgo_pos1]
<if condition="$show['loggedinusers']">
<!-- logged-in users -->
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>
<a href="online.php$session[sessionurl_q]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">
<tr>
<td class="alt2"><a href="online.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>
<td class="alt1" width="100%">
<div class="smallfont">
<div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div>
<div>$activeusers</div>
</div>
</td>
</tr>
</tbody>
<!-- end logged-in users -->
</if>
$template_hook[forumhome_wgo_pos2]
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt="" border="0" /></a>
<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_stats" style="$vbcollapse[collapseobj_forumhome_stats]">
<tr>
<td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td>
<td class="alt1" width="100%">
<div class="smallfont">
<div>
$vbphrase[threads]: $totalthreads,
$vbphrase[posts]: $totalposts,
$vbphrase[members]: $numbermembers<if condition="$show['activemembers']">,
<span title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">$vbphrase[active_members]: $activemembers</span>
</if>
</div>
<div><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>
$template_hook[forumhome_wgo_stats]
</div>
</td>
</tr>
</tbody>
$template_hook[forumhome_wgo_pos3]
<if condition="$show['birthdays']">
<!-- today's birthdays -->
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_birthdays')"><img id="collapseimg_forumhome_birthdays" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_birthdays].gif" alt="" border="0" /></a>
$vbphrase[todays_birthdays]
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_birthdays" style="$vbcollapse[collapseobj_forumhome_birthdays]">
<tr>
<td class="alt2"><a href="calendar.php?$session[sessionurl]do=getday&amp;day=$today&amp;sb=1"><img src="$stylevar[imgdir_misc]/birthday.gif" alt="$vbphrase[view_birthdays]" border="0" /></a></td>
<td class="alt1" width="100%"><div class="smallfont">$birthdays</div></td>
</tr>
</tbody>
<!-- end today's birthdays -->
</if>
$template_hook[forumhome_wgo_pos4]
<if condition="$show['upcomingevents']">
<tbody>
<tr>
<td class="thead" colspan="2">
<a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_events')"><img id="collapseimg_forumhome_events" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_events].gif" alt="" border="0" /></a>
<if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if>
</td>
</tr>
</tbody>
<tbody id="collapseobj_forumhome_events" style="$vbcollapse[collapseobj_forumhome_events]">
<tr>
<td class="alt2"><a href="calendar.php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td>
<td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div></td>
</tr>
</tbody>
</if>
$template_hook[forumhome_wgo_pos5]
</table>
<br />
<!-- end what's going on box -->

<!-- icons and login code -->
<table cellpadding="0" cellspacing="2" border="0" width="100%">
<tr valign="bottom">
<td>
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_new_posts]</td>
</tr>
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_no_new_posts]</td>
</tr>
<if condition="$vboptions['showlocks']">
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_is_closed_for_posting]</td>
</tr>
</if>
</table>
</td>
<if condition="!$show['guest']">
<!-- member logout -->
<td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>
<!-- end member logout -->
</if>
</tr>
</table>
<!-- / icons and login code -->

$footer
</body>
</html>

After you are done with that, open up: forumhome_forumbit_level1_nopost
Replace EVERYTHING with:

<if condition="$vbphrase[even_forum]%4==0"><tr></if>
<if condition="$vbphrase[even_forum]++"></if>
<td style="VERTICAL-ALIGN: top" width="25%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="100%" >
<tr valign="top">
<TD style="PADDING-RIGHT: 8px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 7px"vAlign=top align=center width=48><img src="images/forumpic/$forumid.gif">&nbsp;</td>
<TD align=left>
<if condition="$childforumbits">
<a style="float:$stylevar[right] padding: 10px" 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>
<b><a style="TEXT-DECORATION: none" href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">
<font style="FONT-SIZE: 15px" face=Tahoma color=#006699>$forum[title]</font></a>
</font></b>
<table cellpadding="0" cellspacing="0" border="0" width="99%" valign="top">
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
$childforumbits
</if>
</table>
</td>
</tr>
<br>
</table>
</td>

After you are done with that, open up: forumhome_forumbit_level2_post
Replace EVERYTHING with this:

<tr align="left">
<td>
</td>
<td class="alt1Active">

<img src="$stylevar[imgdir_statusicon]/forum_$forum[statusicon].gif" alt="" border="0" />
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"
style="TEXT-DECORATION: none;" title="$forum[description]
Threads: $forum[threadcount], Posts:$forum[replycount]<if condition="$vboptions['showmoderatorcolumn']">
Moderators: $forum[moderators]
</if>" onmouseover="changeline('<if condition="$show['lastpostinfo']"><strong><a href=showthread.php?$session[sessionurl]goto=newpost&t=$lastpostinfo[lastthreadid] <strong>$lastpostinfo[trimthread]</strong></a></strong> From: <a href=member.php?$session[sessionurl]find=lastposter&f=$lastpostinfo[forumid]><strong>$lastpostinfo[lastposter]</strong></a> Date: $lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']">$lastpostinfo[lastposttime]</if><a href=showthread.php?$session[sessionurl]goto=lastpost&t=$lastpostinfo[lastthreadid]></a><else /> $lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class='time'>Time: $lastpostinfo[lastposttime] </span></if> <a href=showthread.php?$session[sessionurl]goto=lastpost&t=$lastpostinfo[lastthreadid]></a></if>')"><strong><font color=black size: 13pt>$forum[title]</font></strong></a>

AND YOU ARE DONE!
It is very simple.

Now, as you saw in my site, every category has an icon of its own.
To do that, open up a folder in you /images directory called forumpics
*Make sure it is a .gif icon you are uploading.
If you do not want a .gif icon and you have a .png or a .jpg or any other kind of file;
go to "forumhome_forumbit_level1_nopost" template,
find:
<img src="/images/forumpic/$forumid.gif">
change the ending (.gif) to what ever you want.

When uploading icons, REMEMBER: upload the icon as: categorynumber.gif
EXAMPLE: 1.gif
and it will appear in the first category.

GOOD LUCK

bbcentral
10-11-2009, 04:49 AM
1) This appears to be a template edit rather than an add-on for vBulletin, so I'd say this is in the wrong forum
2) It's a little bit arrogant to put **recommended** in your title. Who recommends this, apart from you? I certainly don't want this on my forum, I think it would detract from my design and make it harder for my members to use the forum.
3) There's no way to see (without moving your mouse over every icon) when each forum was last replied to, who replied and what topic was updated. There's a name for this, it's called "Mystery Meat", and it's a definite no-no in web design.

ARadarDetector
10-11-2009, 05:03 AM
Dont go to this site! He is an attacker! I have Norton Antivirus and luckily it blocked his attempt! Dont go to the website above that he listed!

ZEHH
10-11-2009, 07:04 AM
Removed.

woffie
10-11-2009, 10:37 AM
I wouldn't recommend that look to anyone! Looks weird!

Greek76
10-11-2009, 11:10 AM
Yes I agree I dont like that look either. It does not remind me of a forum at all.

Rickeo
10-11-2009, 08:47 PM
That's your personal opinion let other people make there mind up for providing this template edit it has taken time and effort and the member should be thanked for that.

kall
10-11-2009, 09:39 PM
That's your personal opinion let other people make there mind up for providing this template edit it has taken time and effort and the member should be thanked for that.
It may be something to be appreciative for, but it's definitely not an 'edit'.

It is a Replacement of entire templates, not really very useful to people with anything other than the specific style that the Contributor was using at the time of making this thread.

GuyUltimate
10-12-2009, 07:45 PM
Sorry you guys did not really like it. Some would I believe.
If this is not the correct place please if a moderator could move it :)
Thanks.

hotwheels
10-12-2009, 10:37 PM
That's your personal opinion let other people make there mind up for providing this template edit it has taken time and effort and the member should be thanked for that.

Looks like an awesome mod and i agree with rickeo, let others decide if they like it or not. These kinds of opinions aren't really necessary. It takes allot of effort to write and test code that is offered for others to use for free. It's okay if you don't care for it, but please don't bash on the author, atleast the author made a hell of try and i bet others will enjoy it.

ChopSuey
10-12-2009, 10:57 PM
It looks very nice man. Good job. Nothing wrong with the forum.

GuyUltimate
10-23-2009, 01:31 AM
Dont go to this site! He is an attacker! I have Norton Antivirus and luckily it blocked his attempt! Dont go to the website above that he listed!
Are you sure you are on the correct site? o.O
Or you are just trying to make fun? because it is a normal vB site.
---

Thanks for the feedback.
I made some modifications to the site i mentioned above which includes the mod.
You are all welcome to see and take a look at it :)

Have a nice day everyone.

metalguy639
02-10-2010, 12:16 PM
Yes I agree I dont like that look either. It does not remind me of a forum at all.

There are people who want a web page look rather than a forum look. :D

killerkraft
02-10-2010, 08:28 PM
Thanks for Democracy.
If everyone liked the same car, the same computer, the same women, well it would be a stupid place to live.

I am not sure if i like it at 100% or not, but by any definition you will find it is a good work. And don't forget that VB marks it as Supported, so who are we to say no.

Great work, keep on...

I, Brian
12-02-2013, 09:04 PM
This looks like an awesome mod - however, is there a CSS element missing? Just tried to install this by editing the templates, but I get a default vertical list. I'm presuming there's CSS missing to style this. Just FYI.