how to put box thing on postbit?

goodger

New Member
hey all! Am just confused as how do i put the box thing in the "thanks" mood too in the postbit?
de3cq1.jpg


pls help me
 
Code:
<div class="info"></div>

Code:
<if condition="$post['age']"><div class="info">$vbphrase[age]: $post[age]</div></if>

This is how it should look when wrapped in another code.
 
Go to

Admin CP>Styles & Templates>Style Manager

Now select Edit Templates in the drop down menu of the style you want to edit.

Now go down to Postbit Templates>Postbit_Legacy

Now enter this code in the search box:
$template_hook[postbit_userinfo_left]

Starting from there down you would add the code to each selective area you want the box to show up. This is the code for my template:

Code:
[b]<div class="info">[/b]$post[onlinestatus] [b]</div>[/b]
				<if condition="$post['joindate']">[b]<div class="info">[/b]$vbphrase[join_date]: $post[joindate][b]</div>[/b]</if>
				<if condition="$post['field2']">[b]<div class="info">[/b]$vbphrase[location_perm]: $post[field2][b]</div>[/b]</if>
				<if condition="$post['age']">[b]<div class="info">[/b]$vbphrase[age]: $post[age][b]</div>[/b]</if>
[b]<div class="info">[/b]$vbphrase[posts]: $post[posts][b]</div>[/b]
<if condition="$post['threads']">
					 [b]<div class="info">[/b]$vbphrase[threads]: $post[threads]</a>[b]</div>[/b]
					</if>

Now, as you can see I added that code to each line I wanted it to wrap around. I wanted the box around my Threads: so I placed
Code:
<div class="info">
after the beginning
Code:
<if>
tag and
Code:
</div>
before the end of the
Code:
</if>
tag.
 
Admin CP>Styles & Templates>Main CSS

Code:
.info {
padding-left: 3px;
padding-right: 0px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #2c2c2c;
border-top: 1px solid #0e0e0e;
border-right: 2px solid #0e0e0e;
border-left: 1px solid #0e0e0e;
border-bottom: 2px solid #0e0e0e;
margin-bottom: 3px;
}


Sorry this might have been the reason why. Scroll to the bottom and add this to the end of the Additional CSS Definitions. Make sure you have the codes I pasted above in place. Should work now!
 
Back
Top