Chatbox @ icon changer

Hello again xD

Someone told me it is possible to change the @ for the admins in the forum chatbox, but I don't know the code to do that.

I have tried this code:
#chat {
Rank: admin;
Rank: chat moderator;
Icon: ε;
}

But it didn't work... xD
I am not that prof to code, so someone that can help me?


I want to change the @ icon to ε ^^

Code:

#chatbox > p span.user > span:after {
  content: 'ε';
}

Try this code. Add it in CSS.

Thanks! That worked, but the @ isn't gone, is it possible to change that? ^^

Code:

#chatbox > p span.user > span strong {
  display: none;
}

I forgot this code

Ohhhh... Thank you very much for the help!!!

No problem.

And yeah, in the online list, is it possible to change the @ and hide it there too? ^^

I don't know code for that

ooh, ok
Anyone that know the code for that? ;o

Anyone that know how to hide the @ in the online list in the chatbox? ^^

So I have to use Java script or htlm?

I just want to hide it if that is possible?

Bump

Oh, ok, thank you very much! c:

Is this solved now?

You can try this CSS for changing the '@' symbol in the Online list:

Code:

#chatbox_members li a > span:first-child strong { display:none; }
#chatbox_members li a > span:first-child:before { content: 'Mod: '; }

Details of this trick are here: http://www.avacweb.com/t220-css-trick-change-the-chatbox#2056

That worked, thank you!
This problem is solved