Set the member's profile image as background image

I would like to allow members to upload their profile image as a full screen background image on their profile.

I've posted a job - any takers?

This is my signature, there are many like it but this one is mine...
Quote · 3 Feb 2015

To be honest, the profile customiser module will allow someone to upload a photo and set it as a background, it is rather simple.  I can make a change in the profile customiser so they can tile the photo, have it full size (this is a CSS 3 property) .  Really, there is not need for a custom module unless you just want it automatically without them uploading a photo.  I will be glad to make the changes to the profile customiser, including the attachment part to make it where the background does not scroll, for free.  I posted a tutorial on how to make the change.  Let me hunt for the post I made on this as I have already shown what needs to be done.

Geeks, making the world a better place
Quote · 3 Feb 2015

This is how you add background attachment so your members can set the backgroud to be fixed to the page and not scroll:

http://www.boonex.com/n/adding-background-attachment-to-profile-customiser

Geeks, making the world a better place
Quote · 3 Feb 2015

I don't seem to find the one on the size of the background.  It is done the same way; I will copy the code from my site and paste it in a tutorial.

Geeks, making the world a better place
Quote · 3 Feb 2015

Great, thanks GG

This is my signature, there are many like it but this one is mine...
Quote · 3 Feb 2015

This should also work, assuming other conflicts with site background images:

 

in common.css

body {

background-size: cover;

background-attachment: fixed;

}

This is my signature, there are many like it but this one is mine...
Quote · 3 Feb 2015

 

This should also work, assuming other conflicts with site background images:

 

in common.css

body {

background-size: cover;

background-attachment: fixed;

}

Yes, but that is not under the control of your members.

Here is the tutorial to add background size to the profile customiser:

http://www.boonex.com/n/adding-background-size-to-profile-customiser

Here they can upload an image, set the size, and either have it tilled on the page or full size.  For a full size image, it needs to be large enough so that it does not pixelate.

Geeks, making the world a better place
Quote · 3 Feb 2015

 

This should also work, assuming other conflicts with site background images:

 

in common.css

body {

background-size: cover;

background-attachment: fixed;

}

Yes, but that is site wide. and if you don't allow the members control, then they upload a background image that is small and it looks horrible due to being stretched too big; pixelation will occur.

Geeks, making the world a better place
Quote · 3 Feb 2015

That's a fair point - I'll take you up on your offer.

Also, it used to be possible to change the designbox styling in the customiser - how do we restore this?

This is my signature, there are many like it but this one is mine...
Quote · 3 Feb 2015

See this post: http://www.boonex.com/forums/topic/Profile-Customiser.htm

Geeks, making the world a better place
Quote · 3 Feb 2015
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.