FANDOM


Incomplete. Will return in the future.

This is a guide which will demonstrate how admins can add or change flairs.

Links:
Color picker
Change flairs
Change a user's group on their profile


Changing a color of flair or a user's name? Go to this site and pick a color.
white: #ffffff
black: #000000
One of the many shades of purple: #cc00cc


Changing the CSS:
Go here - MediaWiki:Wikia.css

Edit the page.

Changing a user's flair who is already on the list? Use the search function. Ctrl+f and search for a username. Let's search for Naru2008.

In the first section that pops up with Naru's name, you'll see text like this:


Wiki css Naru Example
a[href="/wiki/User:Naru2008"] { color:#a12e2e !important; font-weight:bold !important; }


This string of text makes Naru's username a dark shade of red which is bold. (Refer to the image)





Wiki css Naru Example 2
The second area down the list with Naru's name contains the area where you would change his flair.

a.subtle[href="http://town-of-salem.wikia.com/wiki/Message_Wall:Naru2008"]:after { content: "Mayor 🎩 [Bureaucrat]"; background-color:#45BF00; color:#FFFFFF; font-weight: bold; margin-left: 3px; padding: 1px 3px; border-radius:3px; border-style:outset; border-color: #FFDF00; }

a.username[href="http://town-of-salem.wikia.com/wiki/Message_Wall:Naru2008"]:after { content: "Mayor 🎩 [Bureaucrat]"; background-color:#45BF00; color:#FFFFFF; font-weight: bold; margin-left: 3px; padding: 1px 3px; border-radius:3px; border-style:outset; border-color: #FFDF00; }




.comments li[data-user="Naru2008"] .edited-by:after { content: "Mayor 🎩 [Bureaucrat]"; background-color:#45BF00; color:#FFFFFF; font-weight: bold; margin-left: 3px; padding: 1px 3px; border-radius:3px; border-style:outset; border-color: #FFDF00; }

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.