Knowledge Base > How To’s > Customizations > How to Wrap User Info in Postbit with Box

in CustomizationsHow To’s

This is the answer to a question a lot of our customers ask us. If you have used our skins you will see how the user info like Posts, Join Date etc are wrapped with a box. This tutorial will do it’s best to explain how to do it to ones that modules add. We will also compile known ones like Blog Entries. If you have suggestions for more templates that need to be done with this please let us know.

Default Postbit_Legacy Snippit

  1. Login to admincp (http://www.yourdomain.com/admincp)
  2. Click and expand Styles & Templates
  3. Click Style Manager
  4. Expand Postbit Templates then click to edit postbit_legacy
  5. Below you will see the default block wrapped with our code
Code:
                <dl>
                    <vb:if condition="$post['joindate']"><div><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></div></vb:if>
                    <vb:if condition="$post['field2']"><div><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></div></vb:if>
                    <vb:if condition="$post['age']"><div><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></div></vb:if>
                    <div><dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd></div>
                    {vb:raw template_hook.postbit_userinfo_right_after_posts}
                </dl>

You will see how we wrapped the code with the following

Code:
<div> WRAPPED CODE </div>

How to wrap Blog Entries

  1. Login to admincp (http://www.yourdomain.com/admincp)
  2. Click and expand Styles & Templates
  3. Click Style Manager
  4. Expand Blog Templates then click to edit blog_postbit_entries_link
  5. Copy & Paste the below code overwriting what is currently within the blog_postbit_entries_linktemplate
Code:
<div><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>