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
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.