New thread information layout on forumhome

Shahrukh Khan

New Member
Here is a new way to display the latest post, thread count, and post count on your forum home. This is a very easy tutorial so let's do it!

OK first go into adminCP - Styles and Templates - Style manager - Your Style - Edit Templates

You will have to edit 2 templates.

The first one is the forumhome template. Open it and find the following:
PHP:
<td class="thead">$vbphrase[threads]</td>
<td class="thead">$vbphrase[posts]</td>

Now delete these 2 lines.

Next find:
Code:
[color=#000000][COLOR=#007700]<[/color][color=#0000BB]td [/color][color=#007700]class=[/color][color=#DD0000]"thead"[/color][color=#007700]>[/color][color=#0000BB]$vbphrase[/color][color=#007700][[/color][color=#0000BB]last_post[/color][color=#007700]]</[/color][color=#0000BB]td[/color][color=#007700]>  [/color][/COLOR]

Change to this:
Code:
[color=#000000][COLOR=#007700]<[/color][color=#0000BB]td [/color][color=#007700]class=[/color][color=#DD0000]"thead"[/color][color=#007700]>[/color][color=#0000BB]Information[/color][color=#007700]</[/color][color=#0000BB]td[/color][color=#007700]>  [/color][/COLOR]

Save this template.

The second template is the forumhome_forumbit_level2_post. Open it and replace the entire contents of this template with the following:

Code:
[color=#000000][COLOR=#007700]<[/color][color=#0000BB]tr align[/color][color=#007700]=[/color][color=#DD0000]"center"[/color][COLOR=#007700]>
    <[/COLOR][color=#0000BB]td [/color][color=#007700]class=[/color][color=#DD0000]"alt2"[/color][color=#007700]><[/color][color=#0000BB]img src[/color][color=#007700]=[/color][color=#DD0000]"$stylevar[imgdir_statusicon]/$forum[imageprefix]forum_$forum[statusicon].gif" [/color][color=#0000BB]alt[/color][color=#007700]=[/color][color=#DD0000]"" [/color][color=#0000BB]border[/color][color=#007700]=[/color][color=#DD0000]"0" [/color][color=#0000BB]id[/color][color=#007700]=[/color][color=#DD0000]"forum_statusicon_$forum[forumid]" [/color][color=#007700]/></[/color][color=#0000BB]td[/color][COLOR=#007700]>
    <[/COLOR][color=#0000BB]td [/color][color=#007700]class=[/color][color=#DD0000]"alt1Active" [/color][color=#0000BB]align[/color][color=#007700]=[/color][color=#DD0000]"$stylevar[align=left]" [/color][color=#0000BB]id[/color][color=#007700]=[/color][color=#DD0000]"f$forum[forumid]"[/color][COLOR=#007700]>
        <[/COLOR][color=#0000BB]div[/color][color=#007700]>    <[/color][color=#0000BB]a href[/color][color=#007700]=[/color][color=#DD0000]"forumdisplay.php?$session[sessionurl]f=$forum[forumid]"[/color][color=#007700]><[/color][color=#0000BB]strong[/color][color=#007700]>[/color][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]title[/color][color=#007700]]</[/color][color=#0000BB]strong[/color][color=#007700]></[/color][color=#0000BB]a[/color][COLOR=#007700]>
            <if [/COLOR][color=#0000BB]condition[/color][color=#007700]=[/color][color=#DD0000]"$show['browsers']"[/color][color=#007700]><[/color][color=#0000BB]span [/color][color=#007700]class=[/color][color=#DD0000]"smallfont"[/color][color=#007700]>(<[/color][color=#0000BB]phrase 1[/color][color=#007700]=[/color][color=#DD0000]"$forum[browsers]"[/color][color=#007700]>[/color][color=#0000BB]$vbphrase[/color][color=#007700][[/color][color=#0000BB]x_viewing[/color][color=#007700]]</[/color][color=#0000BB]phrase[/color][color=#007700]>)</[/color][color=#0000BB]span[/color][COLOR=#007700]></if>
        </[/COLOR][color=#0000BB]div[/color][COLOR=#007700]>
        <if [/COLOR][color=#0000BB]condition[/color][color=#007700]=[/color][color=#DD0000]"$show['forumdescription']"[/color][color=#007700]><[/color][color=#0000BB]div [/color][color=#007700]class=[/color][color=#DD0000]"smallfont"[/color][color=#007700]>[/color][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]description[/color][color=#007700]]</[/color][color=#0000BB]div[/color][COLOR=#007700]></if>
        <if [/COLOR][color=#0000BB]condition[/color][color=#007700]=[/color][color=#DD0000]"$show['forumsubscription']"[/color][color=#007700]><[/color][color=#0000BB]div [/color][color=#007700]class=[/color][color=#DD0000]"smallfont"[/color][color=#007700]><[/color][color=#0000BB]strong[/color][color=#007700]><[/color][color=#0000BB]a href[/color][color=#007700]=[/color][color=#DD0000]"subscription.php?$session[sessionurl]do=removesubscription&f=$forum[forumid]" [/color][color=#0000BB]rel[/color][color=#007700]=[/color][color=#DD0000]"nofollow"[/color][color=#007700]>[/color][color=#0000BB]$vbphrase[/color][color=#007700][[/color][color=#0000BB]unsubscribe_from_this_forum[/color][color=#007700]]</[/color][color=#0000BB]a[/color][color=#007700]></[/color][color=#0000BB]strong[/color][color=#007700]></[/color][color=#0000BB]div[/color][COLOR=#007700]></if>
        <if [/COLOR][color=#0000BB]condition[/color][color=#007700]=[/color][color=#DD0000]"$show['subforums']"[/color][color=#007700]><[/color][color=#0000BB]div [/color][color=#007700]class=[/color][color=#DD0000]"smallfont" [/color][color=#0000BB]style[/color][color=#007700]=[/color][color=#DD0000]"margin-top:$stylevar[cellpadding]px"[/color][color=#007700]><[/color][color=#0000BB]strong[/color][color=#007700]>[/color][color=#0000BB]$vbphrase[/color][color=#007700][[/color][color=#0000BB]subforums[/color][color=#007700]]</[/color][color=#0000BB]strong[/color][color=#007700]>: [/color][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]subforums[/color][color=#007700]]</[/color][color=#0000BB]div[/color][COLOR=#007700]></if>
    </[/COLOR][color=#0000BB]td[/color][COLOR=#007700]>
<[/COLOR][color=#0000BB]td [/color][color=#007700]class=[/color][color=#DD0000]"alt2" [/color][color=#0000BB]width[/color][color=#007700]=[/color][color=#DD0000]"30%"[/color][color=#007700]>  <[/color][color=#0000BB]div [/color][color=#007700]class=[/color][color=#DD0000]"smallfont" [/color][color=#0000BB]align[/color][color=#007700]=[/color][color=#DD0000]"left"[/color][color=#007700]> <[/color][color=#0000BB]div style[/color][color=#007700]=[/color][color=#DD0000]"clear:both"[/color][COLOR=#007700]>
    [/COLOR][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]lastpostinfo[/color][color=#007700]]</[/color][color=#0000BB]div[/color][COLOR=#007700]>
    <[/COLOR][color=#0000BB]div [/color][color=#007700]class=[/color][color=#DD0000]"style2" [/color][color=#0000BB]style[/color][color=#007700]=[/color][color=#DD0000]"padding:4px; margin-top:2px; background-color: #EBEBEB; border: 1px solid #CCCCCC;"[/color][color=#007700]><[/color][color=#0000BB]center[/color][color=#007700]><[/color][color=#0000BB]strong[/color][color=#007700]>[/color][color=#0000BB]Threads[/color][color=#007700]:&[/color][color=#0000BB]nbsp[/color][color=#007700];[/color][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]threadcount[/color][color=#007700]]&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];[/color][color=#0000BB]Posts[/color][color=#007700]:&[/color][color=#0000BB]nbsp[/color][color=#007700];[/color][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]replycount[/color][color=#007700]]</[/color][color=#0000BB]center[/color][color=#007700]></[/color][color=#0000BB]div[/color][color=#007700]></[/color][color=#0000BB]td[/color][color=#007700]></[/color][color=#0000BB]tr[/color][color=#007700]><[/color][color=#0000BB]style type[/color][color=#007700]=[/color][color=#DD0000]"text/css"[/color][COLOR=#007700]> <!--
.[/COLOR][color=#0000BB]style2 [/color][COLOR=#007700]{
    [/COLOR][color=#0000BB]color[/color][color=#007700]: [/color][COLOR=#FF8000]#666666;
    [/COLOR][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]size[/color][color=#007700]: [/color][color=#0000BB]11px[/color][COLOR=#007700];
    [/COLOR][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]family[/color][color=#007700]: [/color][color=#0000BB]Arial[/color][color=#007700], [/color][color=#0000BB]Helvetica[/color][color=#007700], [/color][color=#0000BB]sans[/color][color=#007700]-[/color][color=#0000BB]serif[/color][COLOR=#007700];
}
--> </[/COLOR][color=#0000BB]style[/color][COLOR=#007700]>

<if [/COLOR][color=#0000BB]condition[/color][color=#007700]=[/color][color=#DD0000]"$vboptions['showmoderatorcolumn']"[/color][COLOR=#007700]>
    <[/COLOR][color=#0000BB]td [/color][color=#007700]class=[/color][color=#DD0000]"alt1"[/color][color=#007700]><[/color][color=#0000BB]div [/color][color=#007700]class=[/color][color=#DD0000]"smallfont"[/color][color=#007700]>[/color][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]moderators[/color][color=#007700]]&[/color][color=#0000BB]nbsp[/color][color=#007700];</[/color][color=#0000BB]div[/color][color=#007700]></[/color][color=#0000BB]td[/color][COLOR=#007700]>
    </if>
</[/COLOR][color=#0000BB]tr[/color][COLOR=#007700]>
[/COLOR][color=#0000BB]$childforumbits  [/color][/COLOR]

Click save and exit.

You now have the new layout and look for your latest thread, post and thread count for each forum.

To change the colors of your layout look for the following code in the above
Code:

Code:
[color=#000000][COLOR=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]lastpostinfo[/color][color=#007700]]</[/color][color=#0000BB]div[/color][COLOR=#007700]>
    <[/COLOR][color=#0000BB]div [/color][color=#007700]class=[/color][color=#DD0000]"style2" [/color][color=#0000BB]style[/color][color=#007700]=[/color][color=#DD0000]"padding:4px; margin-top:2px; background-color: #EBEBEB; border: 1px solid #CCCCCC;"[/color][color=#007700]><[/color][color=#0000BB]center[/color][color=#007700]><[/color][color=#0000BB]strong[/color][color=#007700]>[/color][color=#0000BB]Threads[/color][color=#007700]:&[/color][color=#0000BB]nbsp[/color][color=#007700];[/color][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]threadcount[/color][color=#007700]]&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];&[/color][color=#0000BB]nbsp[/color][color=#007700];[/color][color=#0000BB]Posts[/color][color=#007700]:&[/color][color=#0000BB]nbsp[/color][color=#007700];[/color][color=#0000BB]$forum[/color][color=#007700][[/color][color=#0000BB]replycount[/color][color=#007700]]</[/color][color=#0000BB]center[/color][color=#007700]></[/color][color=#0000BB]div[/color][color=#007700]></[/color][color=#0000BB]td[/color][color=#007700]></[/color][color=#0000BB]tr[/color][color=#007700]><[/color][color=#0000BB]style type[/color][color=#007700]=[/color][color=#DD0000]"text/css"[/color][COLOR=#007700]> <!--
.[/COLOR][color=#0000BB]style2 [/color][COLOR=#007700]{
    [/COLOR][color=#0000BB]color[/color][color=#007700]: [/color][COLOR=#FF8000]#666666;
    [/COLOR][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]size[/color][color=#007700]: [/color][color=#0000BB]11px[/color][COLOR=#007700];
    [/COLOR][color=#0000BB]font[/color][color=#007700]-[/color][color=#0000BB]family[/color][color=#007700]: [/color][color=#0000BB]Arial[/color][color=#007700], [/color][color=#0000BB]Helvetica[/color][color=#007700], [/color][color=#0000BB]sans[/color][color=#007700]-[/color][color=#0000BB]serif[/color][COLOR=#007700];
}  [/COLOR][/COLOR]

You will see the HTML color codes above. Just change them to the color of your choice.

Enjoy!!!!


I will add a screen shot once I get one to show.


AS ALWAYS be sure to back up your templates before making any edits. You do this at your own risk!!
 
My goodness.. bro .. help keep Vbteam forums up to snuff with providing screenshots when posting mods dude.. you wanna know why no one is hardly wanting to try your mods? Because people have no clue to what it'll look like after all the templete editing they gotta do wth alot of the mods your posting with no freaking screenshots

To me..this makes the forums go down a degree with lack of screenshots your not providing in your posts.. get with the program bro lol

Here, its easy..even a monkey could do it.

1. Press the "print screen" button at the top right of your keyboard above the number pad section.

2. Go to Start, accessories and use Paint..open up Paint and right click on screen and paste..thats it, how hard is that?
 
Start adding screenshots to your mods!



also after deleting the first 2 lines in FORUMHOME template find:
Code:
<td class="thead" width="[color=Red]100%[/color]" align="$stylevar[align=left]">$vbphrase[forum]</td>

and change the 100% to 70% so its not all squashed up like in my screenshot
 
Hi,

thank you very much for you nice addition.
I've fixed some little mistakes and is working with ie and opera also now.


Follow first post and replace template forumhome_forumbit_level2_post with this:
HTML:
<tr align="center">
	<td class="alt2">
		<img src="$stylevar[imgdir_statusicon]/$forum[imageprefix]forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" />
	</td>
	<td class="alt1Active" align="$stylevar[align=left]" id="f$forum[forumid]">
		<div>
			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a>
			<if condition="$show['browsers']">
				<span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span>
			</if>
		</div>
		<if condition="$show['forumdescription']">
			<div class="smallfont">$forum[description]</div>
		</if>
		<if condition="$show['forumsubscription']">
			<div class="smallfont">
				<strong>
					<a href="subscription.php?$session[sessionurl]do=removesubscription&f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a>
				</strong>
			</div>
		</if>
		<if condition="$show['subforums']">
			<div class="smallfont" style="margin-top:$stylevar[cellpadding]px">
				<strong>$vbphrase[subforums]</strong>: $forum[subforums]
			</div>
		</if>
	</td>
	<td class="alt2" width="30%">
		<div class="smallfont" align="left">
			<div style="clear: both">
				$forum[lastpostinfo]
			</div>
			<div class="style2">
				<center>
					<strong>
						$vbphrase[threads]:&nbsp;$forum[threadcount]&nbsp;&nbsp;&nbsp;$vbphrase[posts]:&nbsp;$forum[replycount]<if condition="is_browser('ie')">&nbsp;&nbsp;&nbsp;&nbsp;</if>
					</strong>
				</center>
			</div>
		</div>
	</td>
	<if condition="$vboptions['showmoderatorcolumn']">
		<td class="alt1">
			<div class="smallfont">$forum[moderators]&nbsp;</div>
		</td>
	</if>
</tr>

<style type="text/css">
<!--
.style2 {
	border: 1px solid #CCCCCC;
	color: #666666;
	background-color: #EBEBEB; 
	padding: 4px;
	margin-top: 4px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
-->
</style>

$childforumbits

The products use the template modification system. It is not needed to edit any template. Tested with 3.7.3 of vBulletin.
 
Back
Top