Go Back   vBulletin Setup > vBulletinSetup Information > vBulletin Questions


Please Register to get full access to the forums.
Reply
 
LinkBack Thread Tools Display Modes



#1   08-29-2008, 09:22 PM
Send a message via AIM to Garala Send a message via MSN to Garala Send a message via Yahoo to Garala Garala is a jewel in the rough Join Date: Sep 2007 Location: Connecticut, USA
iTrader: (0)
How to change the background behind the postbit legacy info?




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.
Quote   |  



#2   08-29-2008, 09:43 PM
glennybee is a jewel in the rough Join Date: Mar 2008 Location: Scotland
iTrader: (0)
serial adapter
Re: How to change the background behind the postbit legacy info?


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.
Quote   |  



#3   11-27-2008, 10:53 AM
Send a message via AIM to ArnyVee Send a message via Yahoo to ArnyVee Send a message via Skype™ to ArnyVee ArnyVee is a jewel in the rough Join Date: Apr 2008 Location: South Florida
iTrader: (0)
Debating an Onsite Stay at Universal Resort
Re: How to change the background behind the postbit legacy info?


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
--------------------
Walt Disney Boards
Walt Disney Buddies
Glam Rock Talk : Under Construction :D
Quote   |  



#4   11-28-2008, 04:39 PM
glennybee is a jewel in the rough Join Date: Mar 2008 Location: Scotland
iTrader: (0)
serial adapter
Re: How to change the background behind the postbit legacy info?


Add this to the css entry.

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



#5   11-29-2008, 09:44 AM
Send a message via AIM to ArnyVee Send a message via Yahoo to ArnyVee Send a message via Skype™ to ArnyVee ArnyVee is a jewel in the rough Join Date: Apr 2008 Location: South Florida
iTrader: (0)
Debating an Onsite Stay at Universal Resort
Re: How to change the background behind the postbit legacy info?


Thanks Glennybee!

I'll give it a shot and see what it looks like.
--------------------
Walt Disney Boards
Walt Disney Buddies
Glam Rock Talk : Under Construction :D
Quote   |  



#6   11-29-2008, 04:05 PM
Send a message via AIM to Rocket 442 Rocket 442 is just really niceRocket 442 is just really nice Join Date: Nov 2007 Location: Buffalo, NY
iTrader: (0)
Re: How to change the background behind the postbit legacy info?


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.
--------------------
Andy / vBulletin Setup Staff
Check out our Newsletter for the latest vB and SEO news.
Are you looking for vBulletin work to be done on your forums ?
Would you like to Help Support vBulletin Setup.


Need a Custom Wordpress or Business Design? Staple Web Design
Camaro Forums & Firebird Forums
Quote   |  



#7   11-29-2008, 09:33 PM
Send a message via AIM to ArnyVee Send a message via Yahoo to ArnyVee Send a message via Skype™ to ArnyVee ArnyVee is a jewel in the rough Join Date: Apr 2008 Location: South Florida
iTrader: (0)
Debating an Onsite Stay at Universal Resort
Re: How to change the background behind the postbit legacy info?


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?
--------------------
Walt Disney Boards
Walt Disney Buddies
Glam Rock Talk : Under Construction :D
Quote   |  



#8   12-03-2008, 07:13 PM
Send a message via AIM to Rocket 442 Rocket 442 is just really niceRocket 442 is just really nice Join Date: Nov 2007 Location: Buffalo, NY
iTrader: (0)
Re: How to change the background behind the postbit legacy info?


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.
--------------------
Andy / vBulletin Setup Staff
Check out our Newsletter for the latest vB and SEO news.
Are you looking for vBulletin work to be done on your forums ?
Would you like to Help Support vBulletin Setup.


Need a Custom Wordpress or Business Design? Staple Web Design
Camaro Forums & Firebird Forums
Quote   |  



#9   12-03-2008, 08:36 PM
Send a message via AIM to ArnyVee Send a message via Yahoo to ArnyVee Send a message via Skype™ to ArnyVee ArnyVee is a jewel in the rough Join Date: Apr 2008 Location: South Florida
iTrader: (0)
Debating an Onsite Stay at Universal Resort
Re: How to change the background behind the postbit legacy info?


Cool...thank you Andy!

What's the best way to get that 'faded' or 'in the background' look on a pic?
--------------------
Walt Disney Boards
Walt Disney Buddies
Glam Rock Talk : Under Construction :D
Quote   |  



#10   12-04-2008, 03:28 PM
Send a message via AIM to Rocket 442 Rocket 442 is just really niceRocket 442 is just really nice Join Date: Nov 2007 Location: Buffalo, NY
iTrader: (0)
Re: How to change the background behind the postbit legacy info?


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.
--------------------
Andy / vBulletin Setup Staff
Check out our Newsletter for the latest vB and SEO news.
Are you looking for vBulletin work to be done on your forums ?
Would you like to Help Support vBulletin Setup.


Need a Custom Wordpress or Business Design? Staple Web Design
Camaro Forums & Firebird Forums
Quote   |  
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Hover over Background & change color? bb911s vBulletin Questions 10 05-28-2008 06:16 PM
change usergroup from postbit otis Making Money Marketing vBulletin 3 05-21-2008 04:45 PM
How to change Welcome Header background? Garala vBulletin Questions 1 04-08-2008 01:48 PM
Your Orkut Profile link in your postbit legacy radarhunter vBulletin Questions 0 06-23-2007 06:21 AM
Money Mod in ur postbit legacy (Vbplaza needed) radarhunter vBulletin Questions 7 06-23-2007 06:03 AM


All times are GMT -6. The time now is 02:29 PM.

vBulletin Setup, vBulletin Setup Forums, vBulletin Services, vBulletin Blogs, vBulletin SEO, vBulletin Questions
vBulletin Skins, Styles, Templates, vBulletin Monetization, Blogs, vBulletin Link Directory,Quality Link Directory