Ever since the new chat box function was put into place, glowing text on the chatbox for names has stopped working. It works well everywhere else. However, I have seen sites like Sword Master Academy still have glowing text working in their chat box. How do they do it?

Hello,

You had all members with a certain glow on their names in the chatbox?

Luffy

I used to. I made a new forum and want to be able to do it to certain users, since I will have the admins have the glow, and I will remove the "@" sign from their names with a code.

I got confused somewhere. Ehm, could you show us some images of what you want because you talk about forums and chat and i'm somehow confused.

P.S.: There is a new form where you can provide full details about your problems to solve them even easier and within less time. Just to let you know!

Uh, don't have a picture. Basically, the new chat box in the forum no longer displays glow codes but it shows up everywhere else on the site. I just want a code to put glows back onto the chat box.

Ok so you want the shadow to be on all users in the chatbox or specific usergroups?

Hello,

The element for usernames was changed from an anchor(<a>) to a <span> tag. So the href attribute is no longer present for the attribute CSS selector. You can use the following rule for modifying specific members of the chatbox :

Code:

span[data-user="1"] { /* style props */ }

1 in the code above refers to the USER ID of the member. Change that to the ID of the user, and add whatever style you want to them..

Don't understand how to use that code.I use this.


a[href="/u1"]{  
text-decoration: none !important;  
text-shadow: 0 0 0.5em gray, 0 0 0.5em gray, 0 0 0.5em black;
}


Would it look like:

span[data-user="u1"] { /* style props */ }
a[href="/u1"]{  
text-decoration: none !important;  
text-shadow: 0 0 0.5em gray, 0 0 0.5em gray, 0 0 0.5em black;
}


or 

span[data-user="u1"] { /* a[href="/u1"]{  
text-decoration: none !important;  
text-shadow: 0 0 0.5em gray, 0 0 0.5em gray, 0 0 0.5em black;
} */ }

You can take this :

Code:

a[href="/u1"]{ 
text-decoration: none !important; 
text-shadow: 0 0 0.5em gray, 0 0 0.5em gray, 0 0 0.5em black;
}

and add another selector to it by separating them by a comma :

Code:

a[href="/u1"], span[data-user="1"]{ 
text-decoration: none !important; 
text-shadow: 0 0 0.5em gray, 0 0 0.5em gray, 0 0 0.5em black;
}

That way you don't have to have multiple rules for the same style.

It's working now!Thanks ^^

You're welcome

Topic archived