#chatbox_member

Technical Details

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Opera
Who the problem concerns : Yourself
When the problem appeared : Nothing happens ?
Forum link : http://archguardians-rsclan.team-talk.net

Description of problem

So I am trying to edit my chatbox to add icon next to the username. I am using this as a guide: https://help.forumotion.com/t95407-chatbox-rank-icon.

The problem is, I follow the directions and hit save. Go back to review my changes, and nothing changes in the chatbox. #chatbox_member code doesn't work ?

What is the specific code you added in your CSS?

Did you modify this part of the code?

Code:

a[href="/u1"]

u1 is the member's ID.  To locate it for a certain member, press the username of that member which will load his/hers profile.  Look at the end of the link in your browser.

SLGray wrote:Did you modify this part of the code?

Code:

a[href="/u1"]

u1 is the member's ID.  To locate it for a certain member, press the username of that member which will load his/hers profile.  Look at the end of the link in your browser.

Yes, I did modified that "u#" code to a member's ID.

Hey,

Instead of

Code: a[href="/u1"]

use

Code: span[data-user="1"]

. The chatbox was updated awhile back and doesn't use anchors for the usernames anymore.

Genesis wrote:What is the specific code you added in your CSS?

/*Chatbox Rank Icon*/
#chatbox_members a[href="/u1"] {
background: url(https://2img.net/h/oi66.tinypic.com/1zq4k0p.jpg) no-repeat;
padding-left: 17px;
}
#chatbox a[href="/u1"] {
background: url(https://2img.net/h/oi66.tinypic.com/1zq4k0p.jpg) no-repeat;
padding-left: 17px;
}

My guess is that the "@" is blocking the code from getting through, or Admin's can't be changed without the Javascript...

Ange Tuteur wrote:Hey,

Instead of

Code: a[href="/u1"]

use

Code: span[data-user="1"]

. The chatbox was updated awhile back and doesn't use anchors for the usernames anymore.

Nothing's changed. :'( Not sure if I am doing something wrong. Specifically following directions.

Do it like this :

Code:

/*Chatbox Rank Icon*/
span[data-user="1"] {
  background: url(http://i66.tinypic.com/1zq4k0p.jpg) no-repeat;
  padding-left: 17px;
}

But change the number (1) to the id of the user you want this icon to be applied to.

Does it have to be a regular user? The user I am changing is a moderator.

*UPDATE: No didn't work, just made a new user to test, but nothing. Replace the number with the member's ID.
**UPDATE: Problem solved! Thank you very much, Ange Tuteur!

-SOLUTION: I just placed the code to the very top.