Boxes around user info

[dndog]

How does vBT get the boxes around the user information in the postbit?

Thanks.

[Ryan Ashbrook]

I'm guessing tables.

[skinvb]

no you can use DIV :This is example:
Class:

.postbit {
BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff;
}

and code in postbit:

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

You're done

[Tony G]

Yep, it's done using a div class. This is the best way to do tables like that.

[Ryan Ashbrook]

*Ryan smacks hisself*

I'm an idiot. I forgot about div.

[Elmer]

hmm i think this would be ok also..
hmm i think this would be ok also..

.postbit {
	border: 1px solid #000000;
	background-color: #ffffff;
}

it's the same thing

[tHe Rk]

Originally Posted by skinvb

no you can use DIV :This is example:
Class:


and code in postbit:


You're done

What is DIV? Where do I put that first DIV code? Please HELP!

I just upgraded from vB2, so this something I havn't seen before.

[Tony G]

DIV is used for many things, but for this, it is used to call a CSS class you have pre-set in your style settings. So putting something like <div class="postbit"> calls the CSS options for 'postbit'

You'd put the DIV code (as skinvb has posted above) in your postbit template. You'd put the code around each of the variables which call something like Join Date, or posts etc. placing the variable inbetween the code.

[tHe Rk]

Originally Posted by Tony

DIV is used for many things, but for this, it is used to call a CSS class you have pre-set in your style settings. So putting something like <div class="postbit"> calls the CSS options for 'postbit'

You'd put the DIV code (as skinvb has posted above) in your postbit template. You'd put the code around each of the variables which call something like Join Date, or posts etc. placing the variable inbetween the code.

Okay! Man this stuff is so confusing. But I got it figured out now. Thanks for posting that. It took me a minute to figure it out, but was very helpfull! Thanks a Ton!

[Tony G]

Sorry I wordered it like that. Skinvb gave an example of how it should look in the postbit template:

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

That is only for Join Date though. For something else, you'd take out:

$vbphrase[join_date]: $post[joindate]

and replace it with another profile field you'd like to put a box around. So, for example, posts.

Hope that made it a little more clearer.