Show Thread Enhancements - PS - Boxed Postbit Information & Centered Postbit

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.

Live Demo

Below is how to do it.

1) In your AdminCP > Styles & Templates > Style Manager > Main CSS Options > Additional CSS place the following 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!)

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

4) Replace the relevant DIV tags as shown below.

<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.

For Total Posts:

Find:

<div>
	$vbphrase[posts]: $post[posts]
</div>

Replace With:

<div class="postinfo">
	$vbphrase[posts]: $post[posts]
</div>

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.

[jambo_1969]

Originally Posted by newtsys

here is my Main CSS

#holder {
width:99%;
margin:0 auto;
}
.curvh {
background:url(images/carbonfibre2/body/fhmainr.gif) repeat-x top left;
font:bold 10px tahoma;
color:white;
}
.curvhl {
background:url(images/carbonfibre2/body/fhr.gif) no-repeat top left;
font:bold 10px tahoma;
color:white;
}
.curvhr {
background:url(images/carbonfibre2/body/fhl.gif) no-repeat top right;
font:bold 10px tahoma;
color:white;
}
/* ***** Logo ***** */
#toplogo {
height:80px;
margin:0px;
background:#636464 url(images/carbonfibre2/body/cback.gif) repeat-x top right;
}
.logo {
float:right;
}
.footerclose {
background:#636464 url(images/carbonfibre2/gradients/footerback.gif) repeat-x;
}
img {
border:0;
}
.pbcopy {
background:black;
height:20px;
text-align:center;
}
.clear {
clear:both;
}
.WWU002postbit td {padding-left:2px;padding-right:2px;}
.WWU002postbit img.i,.WWU002postbit img.im,.WWU002postbit img.il,.WWU002postbit img.ir {background-color:#000000;border-left:1px solid #404040;border-top:1px solid #404040;border-right:1px solid #808080;border-bottom:1px solid #808080;}
.WWU002postbit img.im {border-left:none;border-right:none;}
.WWU002postbit img.il {border-right:none;}
.WWU002postbit img.ir {border-left:none;}


.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; 
}

any help in this would be appreciated.

The postinfo should be in your Additional CSS

[Chris Sotier]

You can do that or some styles may already have it ready for you!

Such as mine instead of posting your code i used

<div class="profile_info">$vmood_postbit</div>

To cover up my mood mod I have installed!

[IIAnDoII]

i have the postinfo is the CSS

chris im not sure were to add that code

[nbaphenom]

Very Helpfull!

[IIAnDoII]

lolz

[IIAnDoII]

Ok i have been trying for a mouth now and still havent fixed it can some one please help

[PaulSonny]

IIAnDoII - send me logins for your forum and a link and I will do it for you.

Thanks, Paul.

[IIAnDoII]

could i not just send you the code you need because i dont realy like giveing my password out ?

[PaulSonny]

Yes that will be fine - send me the code via PM and also let me know which postbit template it is.

Thanks, Paul.

[IIAnDoII]

did you get my PM paul ?