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

[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]

Originally Posted by tommydamic68

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]

Originally Posted by Joanne Crane

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

Originally Posted by dizzynation

will all users be able to do this?

Yes unless you set it to usergroups only.

Originally Posted by tommydamic68

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.

Originally Posted by Hawkmaster

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">