PDA

View Full Version : Adding a background image to user info in all posts


NThomas
06-07-2009, 06:00 PM
I was browsing other vBulletins to get design ideas and came across something really cool.

On http://www.fbodyonline.com (www.fbodyonline.com), all of their posts have a background image on the side where all the user's information (User name, number of posts, date joined, etc) are located. Is this a mod or just a simple change in he Admin CP?

Here is an example post (http://www.fbodyonline.com/forum/f12/2010-camaro-out-about-18685/#post65713).

Quantnet
06-07-2009, 06:15 PM
i think it's simply just a postbit template edit.
On the other hand, I'm curious as to what they use for their CMS.

NThomas
06-07-2009, 06:20 PM
i think it's simply just a postbit template edit.
On the other hand, I'm curious as to what they use for their CMS.

:confused:

Seven Skins
06-07-2009, 10:47 PM
Find this line in postbit_legacy template:

<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

Edit it similer to this:
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px; background: url(background-image.png) no-repeat bottom left">

.

NThomas
06-07-2009, 11:06 PM
Find this line in postbit_legacy template:

<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

Edit it similer to this:
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px; background: url(background-image.png) no-repeat bottom left">

.
Yeah... Tried it. No such luck.

Seven Skins
06-07-2009, 11:08 PM
Code is tried and tested and works fine.
Did you change the url in the code "url(background-image.png)" for your image?

.

NThomas
06-07-2009, 11:14 PM
Code is tried and tested and works fine.
Did you change the url in the code "url(background-image.png)" for your image?

.

I added this: as a test "url(http://forum.austinurbanforum.com/images/icons/Zilker%20Park.png)"

I bet I did it wrong...

mmoore5553
06-08-2009, 10:03 PM
I would take out the %20 ....As just a habit i never use spaces as they cause problems. Rename the image to something with no spaces or add and underscore instead of a space ...

your_image.png