Getting boxes in postbit_legacy

[Abid]

I want to put little boxes surrounding my text such as posts and location...I know this can be done in some skins as I've seen it done in APPLIED skin

Can someone please help me get the code for the boxes?

Cheers

[veenuisthebest]

That would be done through css.

So:-

1. Put this in your stlye's additional CSS box (the second box)

.postinfo {
background-color: #F1F4F6;
color: #283A5E;
padding: 2px;
border: 1px inset;
margin-bottom: 2px;
}

You may change the colors as desired.

2. Then in your postbit_legacy/postbit template:-

Find this:-

<div class="smallfont">
&nbsp;<br />
<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
<div>
$vbphrase[posts]: $post[posts]
</div>
$template_hook[postbit_userinfo_right_after_posts]
<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><div><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>

And replace with this:-

<div class="smallfont">
&nbsp;<br />
<if condition="$post['joindate']"><div class="postinfo">$vbphrase[join_date]: $post[joindate]</div></if>
<if condition="$post['field2']"><div class="postinfo">$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post['age']"><div class="postinfo">$vbphrase[age]: $post[age]</div></if>
<div class="postinfo">
$vbphrase[posts]: $post[posts]
</div>
$template_hook[postbit_userinfo_right_after_posts]
<if condition="$show['infraction']"><div class="postinfo">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><div class="postinfo"><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]
<div class="postinfo">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>

Hope this helps !

[Abid]

That would be done through css.

So:-

1. Put this in your stlye's additional CSS box (the second box)

.postinfo {
background-color: #F1F4F6;
color: #283A5E;
padding: 2px;
border: 1px inset;
margin-bottom: 2px;
}

You may change the colors as desired.

2. Then in your postbit_legacy/postbit template:-

Find this:-

<div class="smallfont">
&nbsp;<br />
<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
<div>
$vbphrase[posts]: $post[posts]
</div>
$template_hook[postbit_userinfo_right_after_posts]
<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><div><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>

And replace with this:-

<div class="smallfont">
&nbsp;<br />
<if condition="$post['joindate']"><div class="postinfo">$vbphrase[join_date]: $post[joindate]</div></if>
<if condition="$post['field2']"><div class="postinfo">$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post['age']"><div class="postinfo">$vbphrase[age]: $post[age]</div></if>
<div class="postinfo">
$vbphrase[posts]: $post[posts]
</div>
$template_hook[postbit_userinfo_right_after_posts]
<if condition="$show['infraction']"><div class="postinfo">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><div class="postinfo"><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]
<div class="postinfo">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>

Hope this helps !

Where do I edit the css from?

I went to the main css page but can't find the box you said for

[veenuisthebest]

Style Manager->Your style Dropdown->Main CSS->Scroll down to the bottom and you"ll see two boxes of Additional CSS Definitions. Put that code in the second box. Simple !

[Abid]

Oh...I found the css page..Cheers

My postbit_legacy template has more added things to it:

&nbsp;<br />
<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
<div>
$vbphrase[posts]: $post[posts]
</div>
$template_hook[postbit_userinfo_right_after_posts]
<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><div><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>

<if>
<div class="info"> <if condition="$show['reppower']"><div class="info"><span

id="reppower_$post[postid]_$post[userid]"><strong>Reputation:</strong></span>: $post[reppower]</if>
<a href="reputation.php?p=$post[postid]" onclick="return reputation($post[postid])"><img

src="applied/reputation/pos.gif" border="0" alt="Add to $post[username]'s Reputation" /></a>
<a href="reputation.php?p=$post[postid]" onclick="return reputation($post[postid])"><img

src="applied/reputation/neg.gif" border="0" alt="Add to $post[username]'s Reputation" /></a></div><br />
<if condition="!empty($post[mood])">
<div></if>
<!-- START POSTING FREQUENCY MOD -->
<div>Posting Frequency
<table border="0" cellpadding="0" cellspacing="0">
<tr onmouseover="this.title='$post[posts] posts ($post[postsperday] posts per day)'">
<td><img border="0" src="images/polls/bar-l.gif" width="4" height="17"></td>
<td width="100" background="images/polls/bar-bk.gif"><img border="0"

src="images/polls/bar.gif" width="$post[frequency]" height="17"></td>
<td><img border="0" src="images/polls/bar-r.gif" width="4" height="17"></td>
</tr>
</table>
</div>
<!-- END POSTING FREQUENCY MOD -->


Could you please do the code for that please

[veenuisthebest]

See whatever things are displayed in postbit_legacy like Joindate, Posts, Location and so on... notice that they are displayed in <div> tag. So, all you need to do is to make it <div class="postinfo">

For example:-

<div>$vbphrase[join_date]: $post[joindate]</div>

will become

<div class="postinfo">$vbphrase[join_date]: $post[joindate]</div>

Thats it.

[Abid]

How do I make the writing in postbit_legacy bold?

[veenuisthebest]

How do I make the writing in postbit_legacy bold?
I didn't get you.

To make someting bold, you use <strong>text</strong>

Is this what you were asking ?

[Abid]

The text to become bold..So the text in postbit_legacy becomes bold

[veenuisthebest]

<strong>text</strong>

lol and thanks for contributing in my 1000 posts :D

[Abid]

I know...lol...Congratz

--------------- Added 1223718898 at 1223718898 ---------------

I got the text to become bold but the text is dark blue now...How do I change it to black

[veenuisthebest]

you can change the color value in the CSS.

.postinfo {
background-color: #F1F4F6;
color: #000000;
padding: 2px;
border: 1px inset;
margin-bottom: 2px;
}

[Abid]

The boxes width goes all the way to the left...how Do I shorten this?

http://i38.tinypic.com/353c9lf.jpg