How to change the background behind the postbit legacy info?

**Garala** · 08-29-2008, 06:22 PM

How would I change the <div class='example'? I'm talking about the blue border in pic u see above, how would I change it?

Thanks.

**glennybee** · 08-29-2008, 06:43 PM

It might be in the Additional CSS Definitions.

This is code from my postbit_legacy template...

<if condition="$post['joindate']"><div class="pbbox"><span class="pbh">$vbphrase[join_date]:</span> $post[joindate]</div></if>
<if condition="$post['field2']"><div class="pbbox"><span class="pbh">$vbphrase[location_perm]:</span> $post[field2]</div></if>
<if condition="$post['age']"><div class="pbbox"><span class="pbh">$vbphrase[age]:</span> $post[age]</div></if>

And this is in the Additional CSS Definitions in the Main CSS section of my template...

.pbbox {
width: 172px;
padding-top: 6px;
margin-bottom: 3px;
padding-bottom: 5px;
background: #ffffff;
padding-left: 10px;
text-align: left;
padding-right: 5px;
border: #89a9c1 1px solid;
font-family: Tahoma;
font-weight: normal;
font-size: 11px;
color: #0a335c;
}

If it's the same for your template then you could just alter the option you want to change.

**ArnyVee** · 11-27-2008, 07:53 AM

So, how could we have an image set as the 'background image' for the postbit?

I'd like to add this in the future to one of my sites and I'm just trying to understand how it works now since I remembered just now

**glennybee** · 11-28-2008, 01:39 PM

Add this to the css entry.

Code:

background-image: url('bgdesert.jpg');

**ArnyVee** · 11-29-2008, 06:44 AM

Thanks Glennybee!

I'll give it a shot and see what it looks like.

**Rocket 442** · 11-29-2008, 01:05 PM

I've got a background image on my postbit legacy and I really like it. If you can't get it working arny, let me know and I can try to help out.

**ArnyVee** · 11-29-2008, 06:33 PM

Thanks Andy. My problem is finding a good image and making it sort of like 'in the background' rather than being way too 'out there', if you know what I mean!

I'm not a graphics person, so I'm trying to get one particular image to have like a haze over it or something to tone it down and make it look like it belongs in the background and not as a full image.

The image is at http://farm3.static.flickr.com/2350/...1c7431.jpg?v=0

...oh, and then there's the issue with sizing. Is there anything special as far as the sizing goes?

**Rocket 442** · 12-03-2008, 04:13 PM

sizing wont really matter, just get it to a height that you think is good, and the width will change depending on your theme/peoples avatar size or username size. So because of that I make the width pretty wide, then let it cut off some of the picture if its not fully shown.

**ArnyVee** · 12-03-2008, 05:36 PM

Cool...thank you Andy!

What's the best way to get that 'faded' or 'in the background' look on a pic?

**Rocket 442** · 12-04-2008, 12:28 PM

Depends what you mean.

The biggest thing to make it look right is to make sure in your CSS to use the same color as your background, as the background of the image you put there. This will make it look seamless.
As for making the actual picture look faded/ghosted, all you gotta do is use the opacity in photoshop (basically how see-through the image is). 0 is fully see-through, 100 is fully solid.