Show Thread Enhancements - Neater Postbit Legacy Fields

Hi.I would like to share my postbit_legacy template codes with you guys.Here's another way to make your postbit legacy info look neater.Your Post counts,Location and any other info which you want,can be 'boxed' up nicely under your avatar.This should work in most versions of vb i believe and should be able to use it in the postbit template too though i havent try that out yet.Anyway,here how to do it....

1)In your Admincp,under Style Manager,Main CSS options,add inside the Additional CSS box

.postdata { 
	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: #FFFFFF;
	font-size: 10px; 
}

and click Save

NOTE:You should change the color of the background of the box or size accordingly to the style you are using.

2)In your AdminCP,Style Manager,Edit Templates options,go to edit the Postbit_Legacy option,under this code,

					<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
					<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
			<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
				<div>
					$vbphrase[posts]: $post[posts]
				</div>
				<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

Edit the relavent <div> tags that you wish to become enclosed in the box to become <div class="postdata">.Meaning,you should get something like this

				<if condition="$post['joindate']"><div class="postdata">$vbphrase[join_date]: $post[joindate]</div></if>
				<if condition="$post['field2']"><div class="postdata">$vbphrase[location_perm]: $post[field2]</div></if>
				<if condition="$post['age']"> <div class="postdata">$vbphrase[age]: $post[age]</div></if>
				<div class="postdata">
					$vbphrase[posts]: $post[posts]
				</div>
				<if condition="$show['infraction']"><div class="postdata">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

See those changes i've made in red to what i meant.You can have as many details as enclosed neatly in the boxes and in what colors as you wish(just edit the values in the Step 1)

Screenshot below.I'm just sharing what i think is neat,i'm not a designer nor coder,so dont be hard on me!Thanks for reading!

[killa101]

Originally Posted by Adam21

1)Ah.sorry,my wrong,that's part of my whole add.css codes i just added.its not necessary for the postbit legacy fields.you can omit that out if you wish

2)tha'ts the color you can change it as you wish.try playing around with it to suit your styles

3)what you mean by align with everything else in the postbit?try add the texts without the brackets [align="left"] after the <div tag and see? you have a screenshot?

Hey thanks for your response, I got everything sorted now.

in regards to number 2, "color" didnt seem to do anything as background set the background colour and the border colours were set by the the border attributes.

in regards to number 3, for some reason on mine the tables were indented. I dont know how better to explain it but I got it sorted now by playing with the margin.

Now I want to add a note to this mod. If you want to put your messenger icons in one of these tables, then you will need to add a conditional around the icons div tag that will make the table hidden if the person does not fill out any messengers. I had to do this on mine at least. Here is the conditional.

<if condition="$post[icqicon] OR $post[aimicon] OR $post[msnicon] OR $post[yahooicon] OR $post[skypeicon]">

So your full messenger part should look like this:

<if condition="$post[icqicon] OR $post[aimicon] OR $post[msnicon] OR $post[yahooicon] OR $post[skypeicon]"><div class="postdata">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div></if>

[hexus.net]

Works perfectly, cheers

[inteller2k7]

Could someone fix it up for me cant seen to get the reputation and thanks under this this is what i have could someone give me the fixed version

				<if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
				$template_hook[postbit_userinfo_right]

[MiahBeSmokin420]

why do i get this error when i try to add

VIEW Attached Screen Shot

.postdata {
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: #FFFFFF;
font-size: 10px;
}

into the

Main CSS options,add inside the Additional CSS box

any help would be great full

also i amd useing

vB version 3.6.7

[MiahBeSmokin420]

Originally Posted by MiahBeSmokin420

why do i get this error when i try to add

VIEW Attached Screen Shot

.postdata {
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: #FFFFFF;
font-size: 10px;
}


into the


Main CSS options,add inside the Additional CSS box



any help would be great full

also i amd useing

vB version 3.6.7

common people any ideas?

[Adam21]

Originally Posted by MiahBeSmokin420

common people any ideas?

This error is not related to this modification.

[Adam21]

Originally Posted by inteller2k7

Could someone fix it up for me cant seen to get the reputation and thanks under this this is what i have could someone give me the fixed version

				<if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
				$template_hook[postbit_userinfo_right]

Try this

				<if condition="$show['reputation']"><div class="postdata"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
				$template_hook[postbit_userinfo_right]

[MiahBeSmokin420]

Originally Posted by Adam21

This error is not related to this modification.

ok thanks i acculy figured out what it was

i disabled

users defined reputaion points and it let me add it

so thanks for you help

i know you didnt do much but

just letting me know that it has to be something else helped me enough to disable other sheit

[Ohiosweetheart]

This has been done by a few different designers. Some are adding it into their skins as well.

I like it on some skins. While on other skins, I prefer to use fieldset around the postbit info.

[LjubavnaZona]

I am not sure what I was doing wrong but whatever I did I wasnt able to make it look like yours... but I wanted it. Sorry!