PS - Boxed Postbit Information & Centered Postbit

PS - Boxed Postbit Information & Centered Postbit

Mod Version: 1.00, by PaulSonny

This modification is in the archives.

vB Version: 3.7.0 Beta 4	Rating: (13 votes - 4.69 average)	Installs: 124
Released: 11 Feb 2008	Last Update: 12 Feb 2008	Downloads: 1267
Not Supported Template Edits

Please Mark As Installed!

Hello Everybody,

I thought I would share this here for everybody. This template modification will involve editing your postbit_legacy template. This will place the information displayed in the postbit such as the Post Count, Location, Join Date etc into boxes beneath the avatar to give the postbit a more professional look.

http://www.tech-talk.co.uk/forum/annoucements-updates/4-welcome-tech-talk.html

Below is how to do it.

1) In your AdminCP > Styles & Templates > Style Manager > Main CSS Options > Additional CSS place the following code:

Code:

.postinfo { 
	border-top: solid 1px #E0E0E0; 
	border-left: solid 1px #E0E0E0; 
	border-right: solid 1px #D7D7D7; 
	border-bottom: solid 1px #D7D7D7;
	margin: 3px 5px; 
	padding: 2px; 
	color: #808080; 
	background: #d2dee3;
	font-size: 10px; 
}

2) You should change the background colour to suit your style. Then click Save.

3) In your AdminCP > Styles & Templates > Style Manager > Edit Templates > postbit_legacy find the following code:

For Join Date: (other Examples At The Bottom!)

Code:

<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>

4) Replace the relevant DIV tags as shown below.

Code:

<if condition="$post['joindate']"><div class="postinfo">$vbphrase[join_date]: $post[joindate]</div></if>

5) Replace the revevant DIV tags for any other information you wish to be shown boxed.

Other Examples.

Code:

For Total Posts:
Find:
<div>
	$vbphrase[posts]: $post[posts]
</div>
Replace With:
<div class="postinfo">
	$vbphrase[posts]: $post[posts]
</div>

Code:

For Post Thank You Hack:
Find:
<tr><td class="alt1" colspan="3"><div>$post[post_thanks_bit]</div></td></tr>
Replace With:
<tr><td class="alt1" colspan="3"><div class="postinfo">$post[post_thanks_bit]</div></td></tr>

Screenshot Provided.

Update: I have added another file "centered postbit" to help make everything appear centralised like shown in the demo.

Download

This modification is archived, downloads are still allowed.

centered postbit.txt (1.4 KB, 806 downloads)
download.txt (1.8 KB, 554 downloads)

Screenshots

vBulletin LTS