| GuyUltimate |
10-10-2009 10:00 PM |
CS Mod - Special Arrangement of Categories - Cell Categories
1 Attachment(s)
[B] 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]
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:
HTML Code:
$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']">
<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&day=$today&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"> $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"> $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"> $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&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:
HTML Code:
<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"> </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:
HTML Code:
<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:
HTML Code:
<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 |
More Information