This is a neat cosmetic feature for your members on your MyBB forums. And what's better is that no plugins are needed
[hide cost="6"]
1) ACP > Configuration > Custom Profile Fields > Add New Profile Field
For each of the following areas type the following:
Title: Profile Background
Short Description1125x182.
Field Type: Textbox
Minimum Post count, Display Order, Required and Show on Registration: Your choice
Display on Profile and Display on Postbit: No
Viewable by: All groups
Editable by: Your choice of if you want it to be a selective feature.
Save this as your new profile field
Make a note of this number as you will need this for editing the template.
In between the <head> and </head> tags, paste the following code:
Add the following code at the end to style the textbox. If you're quite good at CSS then you can obviously adjust to your own liking if you understand but try not to deviate too much from this:
Just a few notes:
1) Numerous themes may have slightly different formats of their templates. This just requires you to search around a bit but should not affect the outcome. It may also require you to style it differently which again should not be too hard but is upto you.
[/hide]
[hide cost="6"]
1) ACP > Configuration > Custom Profile Fields > Add New Profile Field
For each of the following areas type the following:
Title: Profile Background
Short Description1125x182.
Field Type: Textbox
Minimum Post count, Display Order, Required and Show on Registration: Your choice
Display on Profile and Display on Postbit: No
Viewable by: All groups
Editable by: Your choice of if you want it to be a selective feature.
Save this as your new profile field
Make a note of this number as you will need this for editing the template.
In between the <head> and </head> tags, paste the following code:
PHP:
<style>
.profbg {
background-image: url({$userfields['fidX']});
}
</style>
PHP:
.user-details {
background: transparent;
}
.profbg {
background-size: 100% 100%;
border: 1px solid #555555;
border-radius: 3px;
box-shadow: 0px 0px 10px 5px #888888;
}
.ud-text {
background: rgba(255,255,255,0.7);
padding: 5px;
border: 2px solid #FFFFFF;
border-radius: 6px;
max-width: 350px;
}
.ud-img img {
border: 2px solid #FFFFFF;
border-radius: 6px;
max-width: 350px;
}1) Numerous themes may have slightly different formats of their templates. This just requires you to search around a bit but should not affect the outcome. It may also require you to style it differently which again should not be too hard but is upto you.
[/hide]
