User blog:Noreplyz/Custom Admin Highlighting

This is the go to blog for highlighting admins in your wiki! If you feel like there is more to be covered, leave a message below!

Why highlight admins?
You will see that many wikis have admins that have bolded and coloured usernames, maybe with a picture or flashy text. It's important to highlight admins because they are often experienced with the wiki's topic and administration, so you can easily identify someone who can help you out. It's also helpful when reviewing WikiActivity or RecentChanges, because most admins will have trustworthy edits, and it's easier to spot them out! You can also change the theme of comments to better differentiate between moderators, admins and bureaucrats for larger wikis.

This blog post will delve into several methods you can use - from the easiest to the relatively easy - feel free to ask questions if you get stuck on any step.

Wikia Developers 'Highlight' Stylesheet
The Wikia Developers stylesheet, Highlight, is a good start to highlighting users with more rights. Adding the following code will highlight all VSTF members, Helpers, Wikia Staff and some bots. It will make it easier to see staff edits to articles like Javascript, as well as VSTF visits to clear out vandalism and spam.


 * Place this into a wiki's CSS file (MediaWiki:Common.css):
 * Or, place this into a wiki's JS file (MediaWiki:Common.js):

Highlighting the usernames
You can bold and/or colour your local administrators by adding some extra CSS.

To bold and colour just the usernames (when linked to a user page), use the following:

The above will highlight just the admins with a green font color and bold it.

You can add extra CSS, such as adding a shadow, changing its hover effect or adding an image next to usernames.


 * To add a shadow, use this CSS in between the { squiggly brackets }. The following adds a blue (rgb 50, 50, 199) glow to your admins. Change the 3rd number to change the blur, or the rgba value for the colour:


 * To change the hover effect, such as making it glow, you'll need to have something like this. This will have a default blue font color, but when hovering it will glow light blue and bolded.


 * To add an image, you'll have to make sure you have an appropriately sized image, then use this code.



Highlighting the comments
You might have comments turned on for your wiki, and your admins may want their comments highlighted as well. Don't fear - there's just a bit more code to copy before you can get it working. All four is generally needed to make sure the comment box looks nice. Here, I've gone for  for my main text color,   for my links and   for my background. This makes it look all awesome:

Still interested in sprucing up your wiki? Read more: Making Awesome Home Pages.