The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Profile background

View previous topic View next topic Go down

Solved Profile background

Post by Tonight on January 29th 2015, 10:02 pm

Hi, is it possible to give members ability to have their personal profile background? Something with similar script as this: http://help.forumotion.com/t137498-profile-song-javascript-help

Forum version: phpBB3


Last edited by Tonight on January 31st 2015, 1:50 pm; edited 1 time in total

Tonight
Forumember

Male Posts : 241
Reputation : 63
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

Solved Re: Profile background

Post by Ange Tuteur on January 29th 2015, 10:57 pm

Hello @Tonight,

Create a new profile field that has these options :

Type : Text field
Display : Profiles

The rest is up to you.


Next go to Administration Panel > Modules > JavaScript codes management > Create a new script

Title : Your choice
Placement : In all the pages
Paste the code below :
Code:
window.location.pathname.match(/\/u\d+/) & $(function() { $('#profile-tab-field-profil dl').click(function() { alert(this.id) }) });

Go to your profile and click on the field that you just added. Copy the ID which shows up, and then you can remove this script.


Now create another script :

Title : Your choice
Placement : In all the pages
Paste the code below :
Code:
window.location.pathname.match(/\/u\d+/) && $(function() {
  var field = 'field_id-11';
  document.body.style.backgroundImage = 'url(' + $('#'+field+' .field_uneditable').text() + ')';
});

All you need to do is replace field_id-11 with the ID which you copied before, and you should be set. Wink

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile background

Post by Tonight on January 30th 2015, 11:16 am

Hey, works great. Smile But is there a way to have default background as well? So if member hasn't picked a custom background, then there will be default background chosen by me.

Tonight
Forumember

Male Posts : 241
Reputation : 63
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

Solved Re: Profile background

Post by Ange Tuteur on January 30th 2015, 11:24 am

Try this :
Code:
window.location.pathname.match(/\/u\d+/) && $(function() {
  var field = 'field_id-11', default_bg = '', bg = $('#'+field+' .field_uneditable').text();
  bg.length ? bg = bg : bg = default_bg;
  document.body.style.backgroundImage = 'url(' + bg + ')';
});

You'll see a variable named default_bg place your image between the quotes. Wink

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile background

Post by Rupture on January 30th 2015, 12:00 pm

Hello,

When I click on otheer tabs the background becomes black. Like on Profile it's fine but on Wall it's just black.
Also is there a way to hide the link from the public profile page?
Also, when I try to edit the picture link, I can't tripple click to highlight the whole link, which means I have to manually highlight the link.

Are there ways to fix this? Thanks


EDIT: Another problem is that if someone doesn't upload a pipcture, the background becomes black.

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Profile background

Post by Tonight on January 30th 2015, 1:45 pm

Yeah, there's a slight problem. It takes background-color as default, I'd like it to take background-image.

Tonight
Forumember

Male Posts : 241
Reputation : 63
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

Solved Re: Profile background

Post by _Twisted_Mods_ on January 30th 2015, 1:57 pm

i havent used or tested this so im not 100% on this but

put a img url in
Code:
default_bg = 'imageurl.gif'

as for hiding the field this should work
Code:
window.location.pathname.match(/\/u\d+/) && $(function() {
  var field = 'field_id-11', default_bg = '', bg = $('#'+field+' .field_uneditable').text();
  $('#'+field).css('display','none');
bg.length ? bg = bg : bg = default_bg;
  document.body.style.backgroundImage = 'url(' + bg + ')';
});

as for everything else u have to wait on ange its his code

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile background

Post by Rupture on January 30th 2015, 3:04 pm

If I put the default bg image the other one won't appear on the main profile tab. 

I have yet to mess with the second code as it how you gave it removes the location, will have to change the id. And about the second code, is there a way to also remove the white line? Because then all it shows is one line after then next on the profile.

Thanks a ton!

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Profile background

Post by Michael_vx on January 30th 2015, 3:55 pm

hello
how about you do the 1st worked answer from Ange
http://help.forumotion.com/t138649-profile-background#939026
then do this
but while you creating the new field add the image link in the
Default content and save
or Edit the filed you did add the Default content save then use replace content
here images of what i say


i hope that help Very Happy

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Profile background

Post by Tonight on January 30th 2015, 4:36 pm

Using default content feature doesn't solve problems with other tabs in profiles. :/

Tonight
Forumember

Male Posts : 241
Reputation : 63
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

Solved Re: Profile background

Post by Michael_vx on January 30th 2015, 5:03 pm

other taps ?
What the fuck ?!?
im a bit confused now

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Profile background

Post by _Twisted_Mods_ on January 30th 2015, 5:13 pm

he wants the bg image to display on the other profile tabs but it wont because it has no image url to grab on those pages .. you would have to use ajax to request the main profile page to get the image url or have the url saved to your local storage until the page no longer contains the user id ... idk its ange project ill let him do it

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile background

Post by Rupture on January 30th 2015, 8:06 pm

The code would work fine if the main image as displayed on the other tabs, but for it to go completely black is downer...

Rupture
Forumember

Male Posts : 325
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

Solved Re: Profile background

Post by Tonight on January 30th 2015, 10:03 pm

@_Twisted_Mods_ wrote:he wants the bg image to display on the other profile tabs but it wont because it has no image url to grab on those pages .. you would have to use ajax to request the main profile page to get the image url or have the url saved to your local storage until the page no longer contains the user id ... idk its ange project ill let him do it
Problem is that Ange's script loses forum's original background. If anyone clicks on other tabs, then he sees just black (or whatever is your bg color) instead of original image.

Tonight
Forumember

Male Posts : 241
Reputation : 63
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

Solved Re: Profile background

Post by Michael_vx on January 30th 2015, 11:06 pm

@Tonight
i Remember i have tried that Script from Ange before and it was working cool on phpbb3
try to remove the original BG color
that could help

Michael_vx
Forumember

Male Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: Profile background

Post by Ange Tuteur on January 31st 2015, 1:30 am

Here, try this :
Code:
window.location.pathname.match(/\/u\d+/) && $(function() {
  var field = 'field_id-11', default_bg = 'http://i38.servimg.com/u/f38/18/45/41/65/red10.gif', url = window.location.pathname.match(/(\/u\d+)/)[1],bg;
 
  if (window.location.pathname != url) {
    $.get(url,function(data){
      bg = $('#'+field+' .field_uneditable',data).text().trim();
      setBG();
    });
  } else {
    bg = $('#'+field+' .field_uneditable').text().trim();
    $('#'+field+',#'+field+'+div').hide();
    setBG();
  }
  function setBG() { bg.length > 1 ? bg = bg : bg = default_bg; document.body.style.backgroundImage = 'url(' + bg + ')'; };
});

Replace https://i38.servimg.com/u/f38/18/45/41/65/red10.gif by the default BG you want to display. Wink

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Profile background

Post by Tonight on January 31st 2015, 1:49 pm

Thank you, solved. Razz

Tonight
Forumember

Male Posts : 241
Reputation : 63
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

Solved Re: Profile background

Post by APE on January 31st 2015, 8:00 pm

Topic solved and archived




APE
Manager
Manager

Male Posts : 8618
Reputation : 752
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum