Member Selectable Background Image

[Shorty]

This is will allow the member to choose their own background image for their miniprofiles. Alright. It's pretty simple actually.

First go to Admin Home > Members > Custom Profile Fields

And then add a field named MiniProfile Background Image. Then change the type to Text Field. Then click "(View/Edit)" and select the URL button. Then save and close the popup. Then change the location to Members Profiles Only.

Now time to edit the miniprofile template.

Go to Admin Home > Themes > Layout Templates > Mini-Profile

Now on line 1, you'll see this:

<div class="$[miniprofile_class]">


And replace that with this:

<div class="$[miniprofile_class]" {foreach $[user.custom_field]} {if $[user.custom_field.name] == "MiniProfile Background Image"}style="background-image: url('$[user.custom_field.value]');"{/if}{/foreach}>


Now to add an image just go to your profile, then edit profile, then the personal tab. At the bottom you will see "MiniProfile Background Image" with an input field below it, just enter the image URL and voila.

[tunescool]

thanks shorty, using it



you may want to put



Mini Profile Background Image (Enter URL)



so members are not confused what to do with the field

[pawl]

Added this to the Index - gotta say I'm impressed. Saw the request thread shortly before you posted this, and I would have never thought about this method. =]

[Shorty]

Thanks Paul!

[Mands]

This is really good and all, but I just added it and it doesn't follow all the way down your post like it does on version 4. Not that I want to be sticky about it, but is there anyway that it can be altered? All of my mini profiles had been made to 500px in height and 150px in width. If you look at this topic on my V4 and compare it to V5 you will see what I mean.

V4 Mini Profile Background
glitterandlace.proboards.com/index.cgi?board=blogs&action=display&thread=172&page=1

V5 Mini Profile Background
glitterandlace.freemessageboards.com/thread/172/character-tracking

Love that you thought of making the code, but is it at all possible to amend it?! Please

[Mands]

Is there no chance of a fix for this? I really liked the when mini profile background image followed down the whole post and now on V5 with this code it doesn't. If it can't be sorted it's fine, just would be nice to know either way. That said however, on V4 I do have the centered and boxed mini profile code in place, a code/plug in I have requested - it may be possible that the background image follows down because of the centered & boxed code. I don't really know.

[Mands]

Hi there, Shorty

Hiya, sorry for being a pain in the tush, I know I messaged you about this very topic and not sure if you got it or are even working on a fix, but I best say to you now, another member created a layout code for me for the Mini Profile so that I could have back the V4 style of centered and boxed mini profile - so it looks like this now on V5

Screenshot


Your original code for the layouts of the mini profile seemed to be messing with it slightly, or I just didn't have it positioned correctly.  However, I had been trying to explain that the code didn't have the background image carrying on down the post anyway.  So now I am wondering, is there a plug in you could make for it instead? I would still love to have a mini profile background iamge that followed down with the post as these screenshots will show you the difference.

V4 - Would love it like this


V5 - Don't want it like this


So as you can see, even the new boxed and centred code is different - but if you can make a plug in or a new code that won't mess with the one for the boxed centerd profile I'd really appreciate it, thanks.

[Shorty]

I got it. But the method I had tried was for the default template. If I make a plugin, you(or any staff with permissions) would have to enter the image URL's in yourself. If you are fine with this, let me know and I'll work on it. Though the only problem is that, it wouldn't work on any page you sort through.

[Mands]

Okay, I'm not code or plug in savvy, so I'm not sure what you mean by this

"Though the only problem is that, it wouldn't work on any page you sort through."

Can you explain that a bit better for me so I know what you mean please? Thanks.
As for entering the url's well I had to do that for the old version on V4 anyway. Plus I am ALL the members on my site and the main staff. So I'd be doing it for myself each time. LOL I assume you mean that I'd have to put the url into the relative place on all my character accounts? But with this original code above where you told us to make a field for the url, can that still stay in place with the plug in that hopefully can be made at some point, or would that have to come out as it would be a different thing entirely?

[Shorty]

You would need to enter the URL's in the plugin UI.

But for the part you asked me to explain better. If you go to a thread, it'll work fine, but if you go to a different page(without reloading) it won't work. Or if you use the search in the thread.

[Mands]

Okay, would that be able to give a different image for each account though? I don't want to sound picky, just don't want you to do a lot of work for something that isn't exactly what I want. I do creative role play writing, and am in control of about 60 plus characters. Each character has their own mini profile background image corresponding to the face claim used. So they'd have to be all different and correspond to each character. I know that it's probably going to be a lot of hard work, if it is, I can be without it.

Not sure if this helps or not, but I typically only ever see it when I've posted to a thread and when I post a story link to my Facebook group, my friends that read my stories, typically see it then also.  Doesn't it only ever work on the thread topic anyway? I know for V4 it used to be seen on the profile also - but I'm not bothered about that, just so long as it's visible in the threads. Just please let me know if it's going to be too awkward for you.

[Shorty]

It'll be easy to do honestly.

[Mands]

As long as you're sure. I feel terrible having to get you to do something different - especially when I saw it and thought that it was amazing in the first place. Should I take away the field that you asked us to create for this original code then? Assuming that all url's are entered via the plug in?

[Shorty]

Yeah. I'll get to this in a day or so. Remind me tomorrow and the next day.

[Mands]

I won't be bugging you about it, just happy to know that you are prepared to do so. If I haven't heard back in a couple of days I'll send you a message to remind you, thanks.