How can I change a Username's color on the chatbox? CSS

Go down

Solved How can I change a Username's color on the chatbox? CSS

Post by Just Call me Vlad on Tue Sep 08, 2015 9:14 pm

I need to know how to change the color of my username on the chatbox. I'm using CSS Spreadsheet.


Last edited by Just Call me Vlad on Fri Sep 11, 2015 7:44 pm; edited 1 time in total

Just Call me Vlad
New Member

Posts : 9
Reputation : 1
Language : English!

http://pb2forumotion.com

Back to top Go down

Solved Re: How can I change a Username's color on the chatbox? CSS

Post by SLGray on Tue Sep 08, 2015 10:10 pm



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43054
Reputation : 3047
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How can I change a Username's color on the chatbox? CSS

Post by Just Call me Vlad on Tue Sep 08, 2015 10:49 pm

I can't seem to find a specific code for a chatbox username color change. Can someone just list it down here?

Just Call me Vlad
New Member

Posts : 9
Reputation : 1
Language : English!

http://pb2forumotion.com

Back to top Go down

Solved Re: How can I change a Username's color on the chatbox? CSS

Post by Ange Tuteur on Wed Sep 09, 2015 3:23 am

Hi @Just Call me Vlad,

You can use the following CSS rule. Wink
Code:
span[data-user="1"] {
  color:#F00;
}

Change the 1 so that it refers to the id of the user you want to modify.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: How can I change a Username's color on the chatbox? CSS

Post by Just Call me Vlad on Wed Sep 09, 2015 6:39 pm

Thanks! I have another question though,

Is there a way to hover over my username and it changes the color AND glow? For example, I currently have a White Username and a Red Glow. But I want someone to hover over it and they get a RED username and a WHITE glow. Any way to do that on the forum and chat box?

Just Call me Vlad
New Member

Posts : 9
Reputation : 1
Language : English!

http://pb2forumotion.com

Back to top Go down

Solved Re: How can I change a Username's color on the chatbox? CSS

Post by Ange Tuteur on Thu Sep 10, 2015 3:36 am

Add the :hover pseudo class to the selector, then define your style properties in the rule. Smile
Code:
span[data-user="1"]:hover {
  color:#F00;
  text-shadow:0 0 3px #FFF;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: How can I change a Username's color on the chatbox? CSS

Post by Just Call me Vlad on Fri Sep 11, 2015 7:43 pm

Thanks m8. Smile

Just Call me Vlad
New Member

Posts : 9
Reputation : 1
Language : English!

http://pb2forumotion.com

Back to top Go down

Solved Re: How can I change a Username's color on the chatbox? CSS

Post by SLGray on Fri Sep 11, 2015 9:15 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 43054
Reputation : 3047
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum