Custom Member Page Background

[Eplexx]

Right so I've been wanting a way for my members to customize their own page just a bit more than the usual. I've attached the image of the example.

Example:
https://vborg.vbsupport.ru/external/2011/11/12.jpg

Template Mods etc:
Go to MEMBERINFO and find:
$header

add below:
<div id="profilebg">


Then find:
$navbar

add below:
<div id="stylingpage">

Save now head over to memberinfo_css.

Add this code wherever you'd like after the style codes:
#profilebg{
width: 100%;
height: 100%;
background: url($userinfo[field5]);
}
^^Once you have the profile field done change the field5 to your own field number.


and if you want opacity:
div#stylingpage{
opacity:0.8;
}
^^ Edit the opacity number if you'd like, just my preference.

After the template mods are finished head over to Add New User Profile Field in your admincp and add a single-line text box.

My settings:
Title: Profile Background
Description: Add a custom background to your profile!
Extra Stuff:
https://vborg.vbsupport.ru/external/2011/11/34.png

I have the location in my Edit Your Details section of the UserCp. Anyone can edit their own page background at any time.

Have fun =)

[v123shine]

Nice idea :) like it

[Joanne Crane]

is there a certain code you have to place in or just the url link ?
ie url code or html code ?

[dizzynation]

will all users be able to do this?

[tommydamic68]

it would be nice if you explained how to use it.

[duketxboy]

it would be nice if you explained how to use it.

I agree

[sa3eka.com]

Nice idea

[Hawkmaster]

I would like to have only certain usergroups benefit from this. Can it be done?

[Akeles]

Nice idea

[Eplexx]

is there a certain code you have to place in or just the url link ?
ie url code or html code ?

For this all your members have to do is enter the image url, such as http://www.blah.com/blah.jpg

will all users be able to do this?

Yes unless you set it to usergroups only.

it would be nice if you explained how to use it.

All you guys have to do is go into your edit your details after following all my instructions and then add an image url so your background is that image.

I would like to have only certain usergroups benefit from this. Can it be done?

Put the usergroup codes in front of <div id="profilebg">

[Mo7mD.ZaYOnA]

Nice
but we need to close these two div ?
</div>

[3raq4all]

Wonderful
But you have applied the explanation did not work 100% at all
Note that versions are 3.8.7

[ChiNa]

Footer misplaced by 30% to the right, and I am sure others have same problem too