Rainbow username gone?

Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
When the problem appeared : I noticed after a few months / years of absence that my rainbow username java code stopped working but i cant tell when exactly
Forum link : ( link is hidden, you must reply to see )

Description of problem

Hello. Back in 2015 I used to have a JAVA code making so the admin names were always in rainbow color along with a crown icon besid it. I came back recently and noticed its been gone but I havent touched anything in ages (knowing im the only one who can acces the administration pannel)so im guessing somethings changed in the forumotion coding itself which disabled my customised code or huh the site just dont support it anymore.

here is the JAVA script I used to have:

Code:

$(function(){
  multiColor(1, '<strong><font color="#FE0A01">T</font><font color="#F3A405">h</font><font color="#9BFF00">e</font><font color="#57D652">l</font><font color="#20A0BF">m</font>a</strong>');
 
  function multiColor(id, html){$('a[href="/u'+id+'"]').not(function(){return $("img",this)[0]}).html(html)}
});

Note I recently tried to tweak it using one of you tutorial but it didnt work.

and as for the crown icon beside our name is also stopped working

Code:

a[href="https://lfdp.bbactif.com/g1-foundator"] {
    background: url("https://2img.net/i/fa/admin/couronne.png") no-repeat;
    padding-left: 19px;
    padding-top: 2px;
}
a span[style="#1C95FF"]!important strong {
    background:url(https://i.servimg.com/u/f71/14/67/12/66/crown_10.png) no-repeat;
    padding-left:19px;
  padding-bottom: 5px;
  padding-top:0px;
}

I deleted my old one I used to have that stopped working also and used one from here, it worked for a few minute then it suddenly disapeared when I was working on my categories.

Is JavaScript Management activated?

Hello,


For the crown it cannot work because :
- There is no group with that URL https://lfdp.bbactif.com/g1-foundator on your forum
- There is no group using 1C95FF as color

Is this the group:  fondatrice?  If yes, it is g3.

SLGray wrote:Is JavaScript Management activated?

Yes and it doesnt work

SLGray wrote:Is this the group:  fondatrice?  If yes, it is g3.

No I removed it (i need to redo my who is online code some things been removed ope )
the correct group is https://lfdp.bbactif.com/g1-foundator

Neptune- wrote:Hello,


For the crown it cannot work because :
- There is no group with that URL https://lfdp.bbactif.com/g1-foundator on your forum
- There is no group using 1C95FF as color

Oh I will correct it right now that might be my problem :o thank you

Update: I have gotten the rainbow code to work. only the crown icon still refuse to appear now

In the JavaScript is the group's color correct?

In the CSS yes but I didnt knew I needed a javascript for that one :o I followed https://help.forumotion.com/t131443-customize-usernames-according-to-group?highlight=group for it

The Group colour has to be the same or it will not work

ok! ill work on that since I use multi colored names solved!

Hey, just in case:
You could .wrap() your multiColor'd username with a span and stylize this span within your CSS.

We are talking about the crown icon coding (CCS).  It is referring to the default group's color.

SLGray wrote:We are talking about the crown icon coding (CCS).  It is referring to the default group's color.

The JS replaces the username with this rainbow effect; including the default group color. Both codes are conflicting if left as they are.

Just tried this, seems to work:

Replace your rainbow JS with:

Code:

$(function(){
  multiColor(1, '<strong><font color="#FE0A01">T</font><font color="#F3A405">h</font><font color="#9BFF00">e</font><font color="#57D652">l</font><font color="#20A0BF">m</font>a</strong>');
  var rbw_id = 1;
 
  function multiColor(id, html){$('a[href="/u'+id+'"]').not(function(){return $("img",this)[0]}).html(html)};
  $('a[href="/u'+rbw_id+'"] strong:first').wrap('<span class="crowny"></div>');
});

In your CSS, replace:

Code:

a span[style="#1C95FF"]!important strong {
    background:url(https://i.servimg.com/u/f71/14/67/12/66/crown_10.png) no-repeat;
    padding-left:19px;
  padding-bottom: 5px;
  padding-top:0px;
}

With:

Code:

span.crowny {
    background:url(https://i.servimg.com/u/f71/14/67/12/66/crown_10.png) no-repeat;
    padding-left:19px;
  padding-bottom: 5px;
  padding-top:0px;
}