When you have your own wiki or you’re admin on a wiki, it’s sometimes useful when you have some extra options that are very useful for your wiki. Since people design new features all the time and there’s nowhere on wiki a page that includes these options.

The extra options which are featured on this are not mine, not made by me and do not deserve to be mentioned in any relation to me, I try the include the original owner/designer of it. The only thing I did is collect them and use them on the Glee Project wiki.

Most of the features on this blog are to be placed on the mediawiki pages. When you follow the steps I’ve added, it should be very easy for you to add them on your own wiki.

There are lot more features than the ones I’ve added to this page. If you want to see more, I recommend you to look at this wiki’s mediawiki pages.


These features should be included in the MediaWiki:Common.js part. You can add this behind your url, for example:

'Back to top' button

To add a ‘back to top’ button.

importScriptPage('BackToTopButton/code.js', 'dev');

Audo edit dropdown

With this code you don’t have to click on the ‘edit’ button, just hoover over it and it will drop down automatically.

importScriptPage('AutoEditDropdown/code.js', 'dev');

Auto-refresh by wikiactivity

The wikiacitivity has no auto-refresh, but with this feature it has.

importScriptPage('AjaxRC/code.js', 'dev');
var ajaxPages = ["Special:WikiActivity"];
var AjaxRCRefreshText = 'Auto-Refresh';
var ajaxRefresh = 30000;

Purge button

This code adds a ‘purge button’ to the edit menu.

var PurgeButtonText = 'Purge';
importScriptPage('PurgeButton/code.js', 'dev');

Button to edit message wall greeting

When you have a message wall on your wiki, you’ll see that there’s no button to edit the greeting, when you add this code, there will be one. (Made by Eladske and modified by The 888th Avatar)

function EditGreeting() {
	if (wgCanonicalNamespace == 'Message_Wall' && wgAction != 'history') {
		if (wgTitle == wgUserName) {
			$('.WikiaMainContent').prepend('<div class="UserProfileActionButton"><a accesskey="e" href="/wiki/Message_Wall_Greeting:'+ wgUserName +'?action=edit" class="wikia-button" data-id="edit" id="talkArchiveEditButton" style="padding-left: 5px; padding-right: 8px;"><img alt="" class="sprite edit-pencil" height="16" src="data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D" width="22"> Edit greeting	</a></div>');


These features should be included in the MediaWiki:Common.css part. You can add this behind your url, for example:

Remove image attribution

This code removes the ‘image added by’ part at the images.

.WikiaArticle .picture-attribution {display:none;}

Common.css on oasis

Normal common.css doesn’t effect oasis, but when you use this code it will. Change YOURWIKI with the name of your wiki

/* import Common.css so it serves its function */
@import url("");


These features should be included in the MediaWiki:Wikia.css part. You can add this behind your url, for example:

Admin (or other users) name highlights

To highlight the admin names at the wiki. You can add as many names as you want, as long as you don’t forget to add the comma behind the name. Change everything that’s in caps. To know what color you can choose, go look at this page for example. When you want the color ‘dodgerblue’, you have to add: color:dodgerblue or color:#1E90FF (The color name doesn’t need an # , but the hex code does)

a[href="/wiki/User:USERNAME"] { color:#COLOR !important; font-weight:bold !important; }

Colored comments and font for admins

When you want an admin (or other users) to have a colored comment and a different font, you can use this code. Change everything that’s in caps.

.comments li[data-user="USERNAME"] blockquote {
   background: #COMMENT COLOR !important;
.comments li[data-user="USERNAME"] blockquote:after {
   border-color: transparent #COMMENT COLOR #COMMENT COLOR transparent !important;
.comments li[data-user="USERNAME"] blockquote div {
   background: transparent !important;
.comments li[data-user="USERNAME"] > blockquote {font-family:'FONT THAT YOU WANT' !important;}
.comments li[data-user="USERNAME"] > blockquote {color:#COLOR OF YOUR FONT	

Limit width for images

Sometimes users decide to add really big pictures that overtake the whole page without you noticing. With this code, you can change the maximam width of pictures. This code says that the maximum is 660px, but you can change it to whatever you want.

.fullImageLink img{
  max-width: 660px;
  height: auto;

Rounding user dropdown menu {
    -moz-border-radius: 0em 0em 1em 1em;
    -webkit-border-radius: 0em 0em 1em 1em;
    border-radius: 0em 0em 1em 1em;

These codes are just basic mediawiki codes. For advanced codes, you can always ask me or go to the community central. I hope this blog helps you.

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.