Profile Enhancements - Custom Member Page Background

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:


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:


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 =)

[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