Mini Profile Background [COMPLETE]

[wolff4t3]

I was wondering if this would be at all possible to make? (or if it would even work >_>) I know there was a code for v4 that allowed members to set their own mini profile backgrounds. I can provide a link to the old code if necessary. But here's two examples on one of my older sites. link1 link2 Each of them have a different background in the side of their miniprofile. And in the profile themselves there is a box that allows the member to post a link to a background of their choosing... 

I'd really love to see this so i'm hoping someone can do it! that would be awesome!!! =D

[wolff4t3]

Bump? =]

[Wormopolis]

Make a custom profile field called "MPB". Make it a URL type so they have to enter a valid url

[wolff4t3]

Will that only show the URL for the picture though? or will it show the actual image?

[Wormopolis]

It will make a custom field that the users can store information that a small code can convert into a background.

[wolff4t3]

ah okay. but there's no such code out there yet for v.5? or would it be simple enough to just call on it as the background color if I were to recode the mini profile layout anyway? >_>

[Wormopolis]

nope. the templates COULD be used, but it would require an edit for each user.

the way i am going, you give them a field they fill out. the small code sees they filled out the field on the mini-profile and converts the field into a background image.

but if you dont want to go with my idea, then you need to have a plugin written up to use a super-user key to store a single URL

[wolff4t3]

ah okay. i gotchya. I like your idea. it seems simpler and more customizable.
unfortunately i don't think i would be able to code it on my own though =/
i would really need some help on that for sure >_<

[Wormopolis]

right. I was going to write the code. but you need to make the custom profile field.

[wolff4t3]

alright that's all set and the board is here
thanks very much for all your help and patience! =D

[Wormopolis]

global footer:
<script type="text/javascript">
function mpbgImage(){
$('div.mini-profile').each(function(){
var mpbcheck=$(this).find('span.custom-field-mpb');
if (mpbcheck.length>0) {
var graburl=mpbcheck.text().split(/mpb:/i)[1];
$(this).css('background-image','url('+graburl+')');
mpbcheck.hide();
}
});
}
mpbgImage();
proboards.on('pageChange',mpbgImage);
</script>

[wolff4t3]

thank you so much!!! it works perfectly!!! =D