Wikia

Community Central

Comments15

Making your friends visible in the chat

2Actimv December 21, 2015 User blog:2Actimv
Best - Themes Chat Skins Wikia Logo Wordmark Size 3 Years - Colors
Post Chat Skin Ideas and Requests here
PrntScr ImportantPeopleHighlighted2

Colored messages and usernames

Are you always searching for messages of your friends in the chat? Or do you miss a lot messages? Or do you never see your friends are already in the chat room? Then this script will help you a lot. It makes the messages of your friends better visible. It also highlights the names in the right rail.

How to get it?

Just copy and paste what you need from the following boxes. You only need to add your or your friend's names on the place(s) of the (red) username.
The following code highlights the messages of your friends.
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message {
    color: lime !important;
}
The following code highlights the messages of your friends as well. Though the font weight is now bold.
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message,
.ChatWindow [data-user="username"] .message {
    color: lime !important;
    font-weight: bold !important;
}
The following code highlights the names of your friends in the right rail.
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username {
    color: lime !important;
}
The following code highlights the names of your friends in the right rail. Though the font weight is now bold.
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username,
.ChatWindow [data-user="username"] .username {
    color: lime !important;
    font-weight: bold !important;
}
The following code highlights your own messages.
.ChatWindow [data-user="yourusername"] .message {
    color: aqua !important;
    font-weight: bold !important;
}
The following code highlights your name in the chat header, so you know your own color. Not really important, though it may looks nicer.
.ChatWindow .ChatHeader .username {
    color: aqua !important;
    font-weight: bold !important;
}

Don't want the font to be bold? Just remove font-weight: bold !important;.

But what do I have to do now? I have the code but where to paste it? If you want the code to work on only this wiki, you need to paste it into wikia.css. Want it to work on all wikis? Paste it into global.css.

Let me know!

Like it? Found a bug? Comment and I'll see it.

Other Scripts

Please see User:2Actimv/Chat Skins for all other chat skins and scripts I've made so far. Go to Chat Skins Wikia for more!

Around Wikia's network

Random Wiki