You have ( 0 ) items in your
More Pure Network Sites
  • Pure vBulletin Skins
  • Pure Invision Power Board Skins
  • Pure cPanel Skins
  • Pure DirectAdmin Skins
  • Pure Admin Skins

vBulletin Tutorials

PurevB offers you not only a FAQ page, but a step by step Tutorial Page that will help guide you through your own questions about modifying your skin, text / link color changes and more.

+ Reply to Article
Results 1 to 3 of 3

Thread: How to wrap user info in postbit with box

  1. #1
    Administrator
    Join Date
    Apr 2010
    Posts
    968

    Default How to wrap user info in postbit with box

    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 class="userinfo_extra">
                        <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>
                        {vb:raw template_hook.postbit_userinfo_right_after_posts}
                    </dl>
    You will see how we wrapped the code with the following
    Code:
    <div class="post_field"> 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_link template
    Code:
    <div class="post_field"><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>
     

    Article Rating (2 Votes)
    Register to vote
    Last edited by Adam; 07-13-2011 at 10:39 AM.

  2. #2
    Pure Customer
    Join Date
    Jan 2012
    Posts
    22

    Default

    You must be an PurevB customer and logged in to view this response. Join today!

 

 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts