FANDOM


At the top of the Monobook skin are the pagetabs of a page. These tabs are used by the user to perform various page actions and visit the page's talk page. The pagetabs of each page for every user include: article, discussion, edit/view source, history, follow, and rename. However, certain tabs will only appear on certain types of pages such as Special Pages as they will only have the article tab. Another example is that file pages do not have a rename tab unless the user is an administrator. Other administrative tabs will also appear such as delete and protect/unprotect.

Customizing pagetabs Edit

Pagetabs are a form of button and are customized in similar ways. Below is a basic layout for pagetab coding. The code below may be used to customize your own pagetabs, however, the <colorhex> variables must be changed to an appropriate color hexes.

/* ######################### */
/* ##       PAGETABS      ## */
/* ######################### */
#p-cactions {
	margin:20px 0 0 !important;
	width:650px;
	z-index:4;
}
#p-cactions li.selected a{
  	background-color:#<colorhex>;
        border-color:#<colorhex>;
	border-width: 2px 2px 0;
        font-weight:bold;
        color:#<colorhex>;
}
#p-cactions li a {
  	background-color:#<colorhex>;
	color:#<colorhex>;
        border-color:#<colorhex>;
        border-bottom:1px solid #<colorhex>;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	-o-border-radius:10px 10px 0 0;
	-khtml-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
}
#p-cactions li.selected a:hover {background-color:#<colorhex>;}
#p-cactions li a:hover {
	background-color:#<colorhex>;
	color:#<colorhex>;
	text-decoration:underline;
}
 
#p-cactions li.selected {border-color:#<colorhex>;}
#p-cactions li {
	background-color:#<colorhex>;
        border-color:#<colorhex>;
	border-width: 2px 2px 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	-o-border-radius:10px 10px 0 0;
	-khtml-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
}
 
#ca-edit a { font-weight: bold !important; }

Adding new pagetabs Edit

It is possible to add in new pagetabs for certain means. While adding in certain content may break the Terms of Usage at Wikia, certain additions to the pagetabs will not. Popular additions to the pagetabs include adding a purge button or a change-skin button. Both of these codes in specific, as well as any other additional pagetabs, should be applied to MediaWiki:Common.js.

To add in a change-skin button, the following code must be applied to MediaWiki:Common.js:

// START SkinChangeButtons
function CreateSkinChangeButtons() {
	//Oasis buttons
	$('div.buttons a:first-child').before('<a style="margin:0 3px 3px 0" href="/index.php?title='+ encodeURIComponent(wgPageName) +'&useskin=monobook" title="Change to Monobook" accesskey="b" class="wikia-button secondary" id="skinChangeButton" data-id="monobookbutton">Monobook</a>');
	//Monobook buttons
	$('#p-cactions .pBody ul li:nth-last-child(1)').after('<li id="ca-nstab-main" class="skinChangeTab" style="margin:0 3px 0 36px"><a href="/index.php?title='+ encodeURIComponent(wgPageName) +'&useskin=wikia" title="Change to Oasis [o]" id="skinChangeButton" accesskey="o">Oasis</a></li>');
}
addOnloadHook(CreateSkinChangeButtons);
// END SkinChangeButtons

To add in purge button, the following code which is applied from Dev Wiki should be applied to MediaWiki:Common.js: importScriptPage('PurgeButton/code.js', 'dev');

Examples of customized pagetabs Edit

To be added. Gallery of images focusing on the pagetabs of wikis Monobook Wiki has developed themes for.

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.