Boxes around user info

[tHe Rk]

Originally Posted by Tony

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.

Yeah I figured that out as well, but how do you get the smaller spaces between the boxes? If you use a <br > Tag it goes way down the page, which I want them fairly close. Is the only way to insert (empty) tables in between them? Or is there a simpler way? Thanks again!

Edit: I did a view source for one of the pages here. I see ---> margin-bottom: 2px.
Awesome. vB3 Really does work easily if you know what your doing. Know if I could just figure out what I am doing

[Ryan Ashbrook]

It's really simple once you get used to it.

[Tony G]

Especially the templates, once you get the hang of what each template does and have a fair understanding on what the main variables too, together with some HTML knowledge, it will become easy.

[imported_Cool_Rice]

Hmm.. I think I know where to put the postbit part, just in the template manager and postbit right? But the DIV class thing, I have no idea where that is...
Does it go into a CSS file?

[Tony G]

Yeah, the specific CSS code is placed (you can use the style manager to make it easier) in and then you use the div tag, and calling the name you put the specific CSS code under.

Eg. <div class="name of specific CSS code">blablablacode</div>

Those are the basics of it.

[imported_infernonet]

I think he means where do you put the css code my self i put it in 'Style Manager -> The Style' under 'Additional CSS Definitions' near the bottem.

Add to the bottem of the 'Additional CSS Definitions' first box

Example:

/* ***** PostBit ***** */
.postbit {
	border: 1px solid #999999;
	background-color: #EFEFEF;
	margin-bottom: 2px;
	height: 20px;
}

CSS is very customizable, You can replace 'background-color' with background-image if you wanted and so on

Example:

	background-image: url(images/gradients/gradient_tcat.gif);

Good Place to learn css is @ http://www.w3schools.com/css/default.asp

Posted by Brad @
http://www.vbulletintemplates.com/mo...ead.php?t=5922

Hope this helps.

[imported_infernonet]

Also remember to change the hex codes ect to your own needs

[Tony G]

Oh, right. Sorry for the misunderstanding, Cool_Rice.

[imported_Cool_Rice]

Hi,

Thanks Tony and Infernonet I've got this working now! I just would like to know what code would add some cellpadding to the inside of the divs... i tried putting cellpadding="3" but that doesnt seem to work.

Please help!

[imported_Cool_Rice]

Could anyone offer some help with this please?