Profile Customization Problem

https://fmdesign.forumotion.com/t203-profile-customization-project

So I have a problem, I tried seeing the profile id of the new profile fields I made.
but they are in weird formats, not a simple number.
its 13_4 , how do I put it??
Will simply writing it like that work?
Simply putting it didn't work. HELP

Also, I have the Profile pop-up given here (and also on support forum) so I don't want it the design as well as the profile fields appear in it, what do I need to do for that?

Forum is Phpbb3
and link is http://onepiecea-edition.yoo7.com

Question, did you copy the profile field that was on your user profile ? i.e. /u1

Add this tool to javascript codes management :

Title : Your choice
Placement : In all the pages

Code:

/\/u\d+/.test(window.location.pathname) && $(function(){$('#profile-tab-field-profil dl').on('click',function(){alert('#'+$(this).attr('id'))})});

Go to your profile, and click on a profile field's value or name and it will alert the field ID. Then just replace the field IDs in the code below with your own.

Code:

      var fontColor = $('#field_id5 .field_uneditable').text();
      var linkColor = $('#field_id10 .field_uneditable').text();
      var bgColor1 = $('#field_id7 .field_uneditable').text();
      var bgColor2 = $('#field_id11 .field_uneditable').text();
      var bgColor3 = $('#field_id12 .field_uneditable').text();
      var bgImage = $('#field_id8 .field_uneditable').text();
      var bgRepeat = $('#field_id9 .field_uneditable').text();

Keep .field_uneditable though, because that's where the value is.

When you're finished you can remove the script I gave you before.

that helped thanks a lot!!

So its finally working!
But I have a few questions more :

- I have an announcement set up, the font-color changes in that too.. I don't want that.. And the "All about Guest" text color is unchanged.
- I don't really want to see the "Banner: Font-Color: " etc profile fields when I visit someone profile, can they disappear?

- will you make some more allowance on customizing profile more in future? like maybe font-family, border-style, 2 types of font? (1 header and 1 normal)

For the coloring, you can change what the variables color by editing the stylesheet :

Code:

      var profileStyle =
          '<style id="profileStylesheet">'+
              '#main, #page-footer, .module, .panel, #tabs li span { color:'+fontColor+'; }'+
              '#main a, #page-footer a { color:'+linkColor+'; }'+
              'body, #wrap { background-color:'+bgColor1+'; }'+
              '.module, .panel.row3, #tabs a, #tabs .activetab { background-color:'+bgColor2+' !important; border:none !important; box-shadow:none; }'+
              '.panel .panel { background:'+bgColor3+' !important; }'+
              '#wrap { background-image:url('+bgImage+'); }'+
              '#wrap { background-repeat:'+bgRepeat+'; }'+
          '</style>';

Looks like it would be the first rule.

To hide the fields use this inside the code :

Code:

$('field1, field2, field3').hide();

Replace field1, 2, 3, by your field IDs. Make sure to separate multiple IDs by a comma.

I might redo it in the future. That old code is a bit clunky and could be easier to edit than it is now. I'm sorry if I kicked you off before. I was touching up the database methods, so I can make modifications easier.

that part of removing fields would also remove them from showing up in the profile popup?

I'd wait patiently if you re-do it in future

Oh wait, yeah that wouldn't work. The best thing to do would be hiding them with CSS, because it would hide the whole DL. The only thing that'll look a little weird would be the profile separators. Don't know why that didn't come to mind first.

Just create a rule where the goal is to hide elements. Replace the IDs below with your own, and separate multiple IDs by a comma.

Code:

#field_id1, #field_id2, #field_id3 { display:none }

My idea would be to utilize 1 profile field, but create multiple input fields inside it when you edit. Probably will generate the whole style code like below after submission.

Code:

style = {
  fontColor : #FFF;
  bgColor : #F66;
  bgimage : someimg.gif;
}