Show Thread Enhancements - [Postbit-Legacy Hack] Attractive User Info Boxes for Posts

This mod will allow you to create attractive custom containers for your member's user info in postbit. For example, Join date, post count, location, thanks etc.

See screenshot in attachments for example.

First, you need to add a class to your additional.css files.

Go to styles and templates > edit templates > css templates > additional.css

Add to the bottom:

.postbitboxes {

color:white;
display:inline-block;
padding:3px;
padding-left:7px;
margin:2px;
border:1px solid #000000;
border-radius:5px;
background-color:#2b2b2b;
width:90%;
box-shadow: 2px 2px 1px #888888;

}

Change color, width, and background-color to suit your sites needs.

Now you need to make some edits to your postbit_legacy template.

Go to styles and templates > edit templates > postbit templates > postbit_legacy

Find:

<dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd>

Change it to:

<div class="postbitboxes">
<dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd>
</div>

Find:

<dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd>

Change it to:

<div class="postbitboxes">
<dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd>
</div>

Find:

<dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd>

Change it to:

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

Find:

<dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>

Change it to:

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

Essentially all that you've done here is wrapped the new div tag around each element of your user info displayed in the sidebar.

So the above template edits can also be applied to templates for other mods which display info here such as Abe's Post Thank You Hack.

NOTE: To also include place BLOG ENTRIES inside the same box, see post #3 https://vborg.vbsupport.ru/showpost....70&postcount=3

Enjoy!

Check out my other Template Modifications for 4.x!

Link Private Forums to thread instead of error message

Sidebar Anywhere Enhancement - Custom Blocks Per Forum or Page

Change Thread Title Color for Specific Forums on Homepage

Change Background Color for Specific Forums on Homepage

Change Title Color of Specific Forums on Homepage

Thread Starter Image in Postbit for OP

CUSTOM BUTTONS that look like your forum!

Custom User Rank Box in Posts

[tbworld]

Thanks for sharing!

[ged]

"Blog entries: x" block is not in postbit_legacy template.

Open blog_postbit_entries_link template and replace its contents with these:

<div class="postbitboxes"><dt>{vb:rawphrase blog_entries}</dt><dd><a href="{vb:link blog, {vb:raw post}, null, 'userid', 'blog_title'}">{vb:raw post.entries}</a></dd></div>

[SwollenCranium]

Thanks !!

Looks great.

[Spangle]

I love this hack, it gives a more professional look to the postbit

[Max Taxable]

Ha. I've had this for my v3 for several years. Cool to see someone did it for v4.

[thetechgenius]

I added this to my forum, with a few modifications to the CSS to match my Custom Style. Thank you for this! *Installed*

[john7911]

Thank you

[john7911]

I have added the modification but there are some problem
http://oi62.tinypic.com/i3dnw3.jpg
What I have to do?
Thank you

[addamroy]

Looks to me like you forgot to close a DIV tag, or left some other tag open...

I would recommend starting over and repeating the steps again, making sure to do it correctly.

I hope that helps, should be a simple fix if my assumption is correct.