The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
|||
|
|||
How do I make this postbit alteration?
Hello,
I'm looking to add a background image to my postbit, as shown here (the black background): Which HTML adjustments would I need to make in order to do this? Much appreciated! Edit: I tried adding a table to my postbit legacy and it merely disrupted the post area. I'm stumped. |
#2
|
||||
|
||||
Have you tried adding it to stylevar "postbit_userinfo_background"?
|
#3
|
|||
|
|||
Thanks for the response Lynne.
I tried that and I'm still having difficulties with the image; whilst I can now get an image in the background, it doesn't really work too well due to the different sizes of people's postbit user info panels. Example: I have a favourite teams user profile field. It displays at the bottom of my postbit as images (very similar to the screenshot above). Some people use this field, some don't. As a result, they have different size postbits, which causes the background image to either be A) too short, or B) too long, and get cut off at the bottom. The site in the screenshot I posted seem to have got round this error. Any ideas how? |
#4
|
||||
|
||||
Can you post a link for us to see what you've done and the problems you see?
|
#5
|
|||
|
|||
^ As you can see, the results are vastly different. The first image cuts off short of the country flag, and sports teams, whilst the other comfortably contains it all. Avatar height, and the use/non-use of the favourite teams field means that I have different size postbits. (ignore the odd looking images against the black background, I just put the black there to highlight what I mean) The other forum I'm looking to follow the example of doesn't have that problem. |
#6
|
||||
|
||||
It's really hard to tell what is going on without actual links. A link to the original site that has this working and a link to your site where it isn't working would allow us to see what is wrong.
|
#7
|
|||
|
|||
http://www.wrestlingsmarks.com/ < - my site (although I've taken the background away so that the forum can still be used easily. All I'd done was add my image to postbit_userinfo_background).
http://wrestlingclique.com/ < - the site where they have this working properly. Thanks for your assistance with this Lynne. |
#8
|
||||
|
||||
That site actually does some other changes. They have one div for the whole userinfo. Then inside that, a top image, then a div with all the text userinfo text and a background image is used here repeated in the y direction, then a bottom image. So, that is how they get it to expand to any size. So, you would need to modify your postbit_legacy template in order to achieve what they have done.
HTML Code:
<div class="userinfo"> <top image centered> <div class="newclass"> all stuff from div class userinfo now put into here </div> <bottom image centered> </div> |
#9
|
|||
|
|||
Thank you for finding that out Lynne.
I'm very nearly there, there's just one final question I have; how do I assign a background to .newclass? I'm not entirely sure how these <div> wrappers work! Thanks again. |
#10
|
||||
|
||||
Quote:
Code:
<div class="newclass"> Code Code Code </div> Code:
.newclass { background: #000000 url(images/myimage.png) no-repeat; } OR you could use this w/o assigning a color: Code:
.newclass { background-image: url(images/myimage.png); background-repeat: no-repeat; } . Edit: also have you seen these simple mods? https://vborg.vbsupport.ru/showthread.php?t=229487 https://vborg.vbsupport.ru/showthread.php?t=235041 |
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|