Show Thread Enhancements - center name, avatar ranking etc or add posts, join date etc inside a box

Some of you, like my self would like to center only title, ranking, reputation, avatar, username and reps.

Well hears a simple edit that works.

To center username, title, ranking, reputation, avatar, username and reps in Postbit Legacy:

Add the following code to your additional.css:

.postbitlegacy .userinfo  .postuseravatar, .eventbit .userinfo .eventuseravatar {
float:none !important;
text-align:center !important;
}

.postbitlegacy .userinfo .username_container, .postbit_reputation, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {
text-align:center !important;
}

I have tested on default style vbulletin, and 4 custom styles, all work like a charm, well it does for me, hoping the same for you.

Next - How to add Posts, Location etc inside a box:

Add the following code to your additional.css:

.post_field {
	background:{vb:stylevar post_field_background_color};
	color:{vb:stylevar post_field_font_color};
	border:{vb:stylevar post_field_border};
	padding:{vb:stylevar post_field_padding};
	margin-top: 2px;
	text-align:left;
}

Next in postbit_legacy template Find:

<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt><dd>{vb:raw post.joindate}</dd></vb:if>

And wrap this Code around anything you want Boxed:

<div class="post_field">Text</div>

The <div class="post_field"> must be added just before the <dt> for this to work and the end </div> after </dd> for if conditions only.


Your Code should look like this:

<vb:if condition="$post['joindate']"><div class="post_field"><dt>{vb:rawphrase join_date}</dt><dd>{vb:raw post.joindate}</dd></div></vb:if>

I did notice for Posts, you would need to wrap the whole small bit of code for this to work. Example:

<div class="post_field"><dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd></div>

If you have iTrader, Thanks, or any other addons with a automatic template edit in post bit.

Just wrap the code around the template_hook like this:

<div class="post_field">{vb:raw template_hook.postbit_userinfo_right_after_posts}</div>

Same for any manual template edits like Moods, Flags Example:

Moods:

<div class="post_field">{vb:raw vmoods_postbit}</div>

Flags:

<div class="post_field"><vb:if condition="$post['field5']"><style="text-align:left"> Country:</dt> <img src="{vb:stylevar imgdir_button}/flags/{vb:raw post.field5}.GIF" align="middle" alt="{vb:raw post.field5}" border="" /></vb:if></div>

If you have No Manual Template Edits:

Just Find in postbit_legacy template:

<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>
					<vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if>
					<vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if>
					<dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>	
					{vb:raw template_hook.postbit_userinfo_right_after_posts}

Remove and Replace with This:

<vb:if condition="$post['joindate']"><div class="post_field"><dt>{vb:rawphrase join_date}</dt><dd>{vb:raw post.joindate}</dd></div></vb:if>
					<vb:if condition="$post['field2']"><div class="post_field"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></div></vb:if>
					<vb:if condition="$post['age']"><div class="post_field"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></vb:if>
					<div class="post_field"><dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd></div>	
					<div class="post_field">{vb:raw template_hook.postbit_userinfo_right_after_posts}</div>

Im hoping i have at least helped 1 or 2 people out here
cheers.

My main reason for this thread was to center username, title, ranking, reputation, avatar, and reps.
Also to help those that want to wrap posts etc in a box.
It SHOULD work for all vb4.x to vb4.2.2

CLICK INSTALL IF I HAVE HELPED IN SOME WAY THANKS

New: vb4.2.2 default style Screenshot added.

PLEASE NOTE: This is NOT copied code from anyone here at vb.org, i have been using this code for a very long while, well since vb4.x.

[ET 7]

Originally Posted by excessive34

same here

no one replies on these boards unless it benefits them or what?

I have several places where posts have gone unanswered for weeks.

[d19rnyxx]

Hi Guys
I have a question that may annoy some of you, but I still can't figure it after alot of research.

How do you make Username's in postbit larger
Can anyone link me to a detailed tut or be kind enough to make one.

[Hikarin]

Thanks for the tips. I only changed the rank and avatar, but it looks great! =3
But in the user profiles, the rank image is still off to the left. Can someone give me the code to help me fix this?

[HHelp1]

Well as you could see this thread is no SUPPORT!

[ShawneyJ]

Better Late than Never. Sorry guys, but i do not use VB4, although i have added for those wanting boxed posts etc.

Originally Posted by DJPushpu

Its works on 4.02 ?

Yes

Originally Posted by Kyojii

Doesn't work on vB 4.0.8

doesn't center Posts, Rank, and Join Date.

Anyone else having this issue?

Originally Posted by StagKill

I am using the iTrader plugin, how do I center the feedback in that?

You can no longer Center Posts etc, the code has changed in VB4.2.2. I cant seem to figure out how to do this with limited time.

Originally Posted by RobbieZ

The MOODS placement on postbit are called from their own template not from your descriptive css im afraid!

Do your research.

Originally Posted by ET 7

how did you put the texts such as "posts" "location" inside a white box? I have been trying to figure that out for weeks

Added a How To for those that want this.

[kiD16]

I have 4.2.2 and it doesn't work

[ShawneyJ]

Originally Posted by kiD16

I have 4.2.2 and it doesn't work

no much info here.
center of avatars etc? or wrap box?
have you tested on a vb default skin or custom skin?

EDIT: seen your home page forum uses this skin?
https://vborg.vbsupport.ru/showthread.php?t=284499

Test Cap.

[DR-WoWo]

I have worked all that has been explained in your topic, but something did not happen

on
vBulletin 4.2.0

and i tested on a vb default skin

[ShawneyJ]

Originally Posted by DR-WoWo

I have worked all that has been explained in your topic, but something did not happen

on
vBulletin 4.2.0

and i tested on a vb default skin

Im not sure what that "something did not happen" is. Or which of the 2 you are having issues with.

All i can think of, is the wrapping of posts code needs to be around the whole code like this:

<div class="post_field"><dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd></div>

Other than that, i tested with FF, IE and Chrome. Everything seems fine mate. Could be a none English issue, or you have a very customized post bit, and or conflict with another edit. Im really unsure. Sorry about that.

Just went through my steps in first post with the skin you're are using. Works fine.