Board Thread:General Discussion/@comment-14582847-20150821043303

'When I was making this thread, it was meant for a different wiki. Please note that the Inspect Element function for this wiki's chat may look different than the screenshots provided. In other words, basically click every drop-down arrow that you can if you'd like to test your username first!'

Hey,

I've come up with a step-by-step process on how to add gradients on the part of your rail that you can never really see them on. Or, at least, this part:

http://i.imgur.com/iV4PIkD.png

Step 1 (optional):
You might want to check what your gradient will look like with Inspect Element before adding it. On Chrome (the preferred browser), this can be accessed by right-clicking on chat and selecting the "Inspect Element" option, or pressing Ctrl+Shift+I. (Not L, I.)

Once you're in Inspect Element, click all the drop-down arrows needed so that you can get to the section.

http://i.imgur.com/faaupnR.png

Click on your own username and start adding different colours/gradients under the .ChatHeader .User .username { section. Be sure to press enter when you're done with a line!

http://i.imgur.com/EDXMqao.png (My gradient was already added in this image, so your code will obviously look different.)

Step 2:
Create your own chat.css subpage.

Step 3:
Add the code that applies how you would like your username to look in your chat.css page. Begin the code with:

...and be sure to end it with a brace!

Some possible snippets of code include:

Step 4:
Ctrl+F5. It always works.

I've also figured out that Chat mod stars work the same way as usernames. All you need to do is add the following code to your personal chat.css:

The link to the image that you want should be customised AND 16 x 16 pixels. 