FANDOM


Welcome to Tama63's personal data storage cabinet feel free to browse through it! Please do not remove any coding in these pages

Tama63's Filing Cabinet

Cabinetfilebox



Tama63's Filing Cabinet

Cabinetfilebox

Guide to Web Colours

Note;Put a # before each number+ highlight number to see more clearly

Primary/Main/Basic Colors
000000 000033 000066 000099 0000CC 0000FF
003300 003333 003366 003399 0033CC 0033FF
006600 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
330000 330033 330066 330099 3300CC 3300FF
333300 333333 333366 333399 3333CC 3333FF
336600 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
660000 660033 660066 660099 6600CC 6600FF
663300 663333 663366 663399 6633CC 6633FF
666600 666633 666666 666699 6666CC 6666FF
669900 669933 669966 669999 6699CC 6699FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
990000 990033 990066 990099 9900CC 9900FF
993300 993333 993366 993399 9933CC 9933FF
996600 996633 996666 996699 9966CC 9966FF
999900 999933 999966 999999 9999CC 9999FF
99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF


Secondary/Mixed/Pastel Colors
FF4848 FF68DD FF62B0 FE67EB E469FE D568FD 9669FE
FF7575 FF79E1 FF73B9 FE67EB E77AFE D97BFD A27AFE
FF8A8A FF86E3 FF86C2 FE8BF0 EA8DFE DD88FD AD8BFE
FF9797 FF97E8 FF97CB FE98F1 ED9EFE E29BFD B89AFE
FFA8A8 FFACEC FFA8D3 FEA9F3 EFA9FE E7A9FE C4ABFE
FFBBBB FFACEC FFBBDD FFBBF7 F2BCFE EDBEFE D0BCFE
FFCECE FFC8F2 FFC8E3 FFCAF9 F5CAFF F0CBFE DDCEFF
FFDFDF FFDFF8 FFDFEF FFDBFB F9D9FF F4DCFE E6DBFF
FFECEC FFEEFB FFECF5 FFEEFD FDF2FF FAECFF F1ECFF
FFF2F2 FFFEFB FFF9FC FFF9FE FFFDFF FDF9FF FBF9FF
800080 872187 9A03FE 892EE4 3923D6 2966B8 23819C
BF00BF BC2EBC A827FE 9B4EE9 6755E3 2F74D0 2897B7
DB00DB D54FD5 B445FE A55FEB 8678E9 4985D6 2FAACE
F900F9 DD75DD BD5CFE AE70ED 9588EC 6094DB 44B4D5
FF4AFF DD75DD C269FE AE70ED A095EE 7BA7E1 57BCD9
FF86FF E697E6 CD85FE C79BF2 B0A7F1 8EB4E6 7BCAE1
FFA4FF EAA6EA D698FE CEA8F4 BCB4F3 A9C5EB 8CD1E6
FFBBFF EEBBEE DFB0FF DBBFF7 CBC5F5 BAD0EF A5DBEB
FFCEFF F0C4F0 E8C6FF E1CAF9 D7D1F8 CEDEF4 B8E2EF
FFDFFF F4D2F4 EFD7FF EDDFFB E3E0FA E0EAF8 C9EAF3
FFECFF F4D2F4 F9EEFF F5EEFD EFEDFC EAF1FB DBF0F7
FFF9FF FDF9FD FEFDFF FEFDFF F7F5FE F8FBFE EAF7FB
5757FF 62A9FF 62D0FF 06DCFB 01FCEF 03EBA6 01F33E
6A6AFF 75B4FF 75D6FF 24E0FB 1FFEF3 03F3AB 0AFE47
7979FF 86BCFF 8ADCFF 3DE4FC 5FFEF7 33FDC0 4BFE78
8C8CFF 99C7FF 99E0FF 63E9FC 74FEF8 62FDCE 72FE95
9999FF 99C7FF A8E4FF 75ECFD 92FEF9 7DFDD7 8BFEA8
AAAAFF A8CFFF BBEBFF 8CEFFD A5FEFA 8FFEDD A3FEBA
BBBBFF BBDAFF CEF0FF ACF3FD B5FFFC A5FEE3 B5FFC8
CACAFF D0E6FF D9F3FF C0F7FE CEFFFD BEFEEB CAFFD8
E1E1FF DBEBFF ECFAFF C0F7FE E1FFFE BDFFEA EAFFEF
EEEEFF ECF4FF F9FDFF E6FCFF F2FFFE CFFEF0 EAFFEF
F9F9FF F9FCFF FDFEFF F9FEFF FDFFFF F7FFFD F9FFFB
1FCB4A 59955C 48FB0D 2DC800 59DF00 9D9D00 B6BA18
27DE55 6CA870 79FC4E 32DF00 61F200 C8C800 CDD11B
4AE371 80B584 89FC63 36F200 66FF00 DFDF00 DFE32D
7CEB98 93BF96 99FD77 52FF20 95FF4F FFFFAA EDEF85
93EEAA A6CAA9 AAFD8E 6FFF44 ABFF73 FFFF84 EEF093
A4F0B7 B4D1B6 BAFEA3 8FFF6F C0FF97 FFFF99 F2F4B3
BDF4CB C9DECB CAFEB8 A5FF8A D1FFB3 FFFFB5 F5F7C4
D6F8DE DBEADC DDFED1 B3FF99 DFFFCA FFFFC8 F7F9D0
E3FBE9 E9F1EA EAFEE2 D2FFC4 E8FFD9 FFFFD7 FAFBDF
E3FBE9 F3F8F4 F1FEED E7FFDF F2FFEA FFFFE3 FCFCE9
FAFEFB FBFDFB FDFFFD F5FFF2 FAFFF7 FFFFFD FDFDF0
BABA21 C8B400 DFA800 DB9900 FFB428 FF9331 FF800D
E0E04E D9C400 F9BB00 EAA400 FFBF48 FFA04A FF9C42
E6E671 E6CE00 FFCB2F FFB60B FFC65B FFAB60 FFAC62
EAEA8A F7DE00 FFD34F FFBE28 FFCE73 FFBB7D FFBD82
EEEEA2 FFE920 FFDD75 FFC848 FFD586 FFC48E FFC895
F1F1B1 FFF06A FFE699 FFD062 FFDEA2 FFCFA4 FFCEA2
F4F4BF FFF284 FFECB0 FFE099 FFE6B5 FFD9B7 FFD7B3
F7F7CE FFF7B7 FFF1C6 FFEAB7 FFEAC4 FFE1C6 FFE2C8
F9F9DD FFF9CE FFF5D7 FFF2D2 FFF2D9 FFEBD9 FFE6D0
FBFBE8 FFFBDF FFFAEA FFF9EA FFF7E6 FFF4EA FFF1E6
FEFEFA FFFEF7 FFFDF7 FFFDF9 FFFDF9 FFFEFD FFF9F4
D1D17A C0A545 C27E3A C47557 B05F3C C17753 B96F6F
D7D78A CEB86C C98A4B CB876D C06A45 C98767 C48484
DBDB97 D6C485 D19C67 D29680 C87C5B D0977B C88E8E
E1E1A8 DECF9C DAAF85 DAA794 CF8D72 DAAC96 D1A0A0
E9E9BE E3D6AA DDB791 DFB4A4 D69E87 E0BBA9 D7ACAC
EEEECE EADFBF E4C6A7 E6C5B9 DEB19E E8CCBF DDB9B9
E9E9C0 EDE4C9 E9D0B6 EBD0C7 E4C0B1 ECD5CA E6CCCC
EEEECE EFE7CF EEDCC8 F0DCD5 EACDC1 F0DDD5 ECD9D9
F1F1D6 F5EFE0 F2E4D5 F5E7E2 F0DDD5 F5E8E2 F3E7E7
F5F5E2 F9F5EC F9F3EC F9EFEC F5E8E2 FAF2EF F8F1F1
FDFDF9 FDFCF9 FCF9F5 FDFAF9 FDFAF9 FCF7F5 FDFBFB
F70000 B9264F 990099 74138C 0000CE 1F88A7 4A9586
FF2626 D73E68 B300B3 8D18AB 5B5BFF" 25A0C5 5EAE9E
FF5353 DD597D CA00CA A41CC6 7373FF 29AFD6 74BAAC
FF7373 E37795 D900D9 BA21E0 8282FF 4FBDDD 8DC7BB
FF8E8E E994AB FF2DFF CB59E8 9191FF 67C7E2 A5D3CA
FFA4A4 EDA9BC F206FF CB59E8 A8A8FF 8ED6EA C0E0DA
FFB5B5 F0B9C8 FF7DFF D881ED B7B7FF A6DEEE CFE7E2
FFC8C8 F4CAD6 FFA8FF EFCDF8 C6C6FF C0E7F3 DCEDEA
FFEAEA F8DAE2 FFC4FF EFCDF8 DBDBFF D8F0F8 E7F3F1
FFEAEA FAE7EC FFE3FF F8E9FC EEEEFF EFF9FC F2F9F8
FFFDFD FEFAFB FFFDFF FFFFFF FDFDFF FAFDFE F7FBFA

Tama63's Filing Cabinet

Cabinetfilebox
/*------------------*/
  /*--ADMINISTRATORS Page history highlight--*/
  /*------------------*/
   
   
  table.diff a[href="/wiki/User:Tama63"], 
  ul#pagehistory li a[href="/wiki/User:Tama63"], 
  body.ns-0 a[href="/wiki/User:Tama63"],
  body.ns-500 a[href="/wiki/User:Tama63"],
  body.ns-501 a[href="/wiki/User:Tama63"],
  body.ns--1 a[href="/wiki/User:Tama63"] { color: green; font-weight:bold; }
   
  table.diff a[href="/wiki/User:Jzfredskins"], 
  ul#pagehistory li a[href="/wiki/User:Jzfredskins"], 
  body.ns-0 a[href="/wiki/User:Jzfredskins"],
  body.ns-500 a[href="/wiki/User:Jzfredskins"],
  body.ns-501 a[href="/wiki/User:Jzfredskins"],
  body.ns--1 a[href="/wiki/User:Jzfredskins"] { color: green; font-weight:bold; }
   
   
  table.diff a[href="/wiki/User:Captaingoldvane2"], 
  ul#pagehistory li a[href="/wiki/User:Captaingoldvane2"], 
  body.ns-0 a[href="/wiki/User:Captaingoldvane2"],
  body.ns-500 a[href="/wiki/User:Captaingoldvane2"],
  body.ns-501 a[href="/wiki/User:Captaingoldvane2"],
  body.ns--1 a[href="/wiki/User:Captaingoldvane2"] { color: green; font-weight:bold; }
   
   
  table.diff a[href="/wiki/User:Katbluedog"], 
  ul#pagehistory li a[href="/wiki/User:Katbluedog"], 
  body.ns-0 a[href="/wiki/User:Katbluedog"],
  body.ns-500 a[href="/wiki/User:Katbluedog"],
  body.ns-501 a[href="/wiki/User:Katbluedog"],
  body.ns--1 a[href="/wiki/User:Katbluedog"] { color: green; font-weight:bold; }
   
  table.diff a[href="/wiki/User:Mr._Grille"], 
  ul#pagehistory li a[href="/wiki/User:Mr._Grille"], 
  body.ns-0 a[href="/wiki/User:Mr._Grille"],
  body.ns-500 a[href="/wiki/User:Mr._Grille"],
  body.ns-501 a[href="/wiki/User:Mr._Grille"],
  body.ns--1 a[href="/wiki/User:Mr._Grille"] { color: green; font-weight:bold; }
   
   
  /**8background glow***/
  .WikiaPage { 
    background: url( http://images4.wikia.nocookie.net/__cb20110520165244/legopiratesthevideogame/images/thumb/d/d8/Wikiback.png/451px-Wikiback.png); 
    border: 3px solid DarkBrown; 
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow:0 0 30px White;
    -webkit-box-shadow:0 0 30px White;
    box-shadow:0 0 30px DarkBrown;
  }
   
  .WikiaSearch button {
    background: transparent;
    border: 1px solid wheat;
      -moz-border-radius:0.5em 0.5em;
      -moz-box-shadow:0 0 0px DarkBrown;}
   
  /* Removes picture attributions below thumbnail images in articles */
  .picture-attribution {
    display:none !important;
  }
  /*** Article Comments - Admin Highlighting ***/
   
  .comments li[data-user="Tama63"] blockquote {
     background: #ACCFEF url("http://images1.wikia.nocookie.net/__cb20110601111555/legopiratesthevideogame/images/c/c6/Cooltext526731101.png") bottom right no-repeat !important;
  }
  .comments li[data-user="Tama63"] blockquote:after {
     border-color: transparent #ACCFEF #ACCFEF transparent !important;
  }
  .comments li[data-user="Tama63"] blockquote div {
     background: transparent !important;
  }
   
   .comments li[data-user="Jzfredskins"] blockquote {
     background: #ACCFEF url("http://images1.wikia.nocookie.net/__cb20110601111555/legopiratesthevideogame/images/c/c6/Cooltext526731101.png") bottom right no-repeat !important;
  }
  .comments li[data-user="Jzfredskins"] blockquote:after {
     border-color: transparent #ACCFEF #ACCFEF transparent !important;
  }
  .comments li[data-user="Jzfredskins"] blockquote div {
     background: transparent !important;
  }
   
   .comments li[data-user="Captaingoldvane2"] blockquote {
     background: #ACCFEF url("http://images1.wikia.nocookie.net/__cb20110601111555/legopiratesthevideogame/images/c/c6/Cooltext526731101.png") bottom right no-repeat !important;
  }
  .comments li[data-user="Captaingoldvane2"] blockquote:after {
     border-color: transparent #ACCFEF #ACCFEF  transparent !important;
  }
  .comments li[data-user="Captaingoldvane2"] blockquote div {
     background: transparent !important;
  }
   
   .comments li[data-user="Katbluedog"] blockquote {
     background: #ACCFEF url("http://images1.wikia.nocookie.net/__cb20110601111555/legopiratesthevideogame/images/c/c6/Cooltext526731101.png") bottom right no-repeat !important;
  }
  .comments li[data-user="Katbluedog"] blockquote:after {
     border-color: transparent #ACCFEF #ACCFEF transparent !important;
  }
  .comments li[data-user="Katbluedog"] blockquote div {
     background: transparent !important;
  }
   
   .comments li[data-user="Mr. Grille"] blockquote {
     background: #ACCFEF url("http://images1.wikia.nocookie.net/__cb20110601111555/legopiratesthevideogame/images/c/c6/Cooltext526731101.png") bottom right no-repeat !important;
  }
  .comments li[data-user="Mr. Grille"] blockquote:after {
     border-color: transparent #ACCFEF #ACCFEF transparent !important;
  }
  .comments li[data-user="Mr. Grille"] blockquote div {
     background: transparent !important;
  }

Tama63's Filing Cabinet

Cabinetfilebox


Taken from Monchoman45's blog all copyright to him just storing info here This is a file which serves to list ways you can improve your interface using CSS and JS. The point of this is that anyone can take a solution off of this page, and implement it. You don't need to know anything about CSS or JS, or programming in general. If you have any problems with anything here, you can ask whoever provided the solution, or you can ask me.

Please note: solutions here will be periodically updated as bug fixes are made, or to accommodate new Wikia features. All solutions have a date in a comment to represent when it was last updated.

Further note: comments to this blog aren't bolded in my recent changes, so I'll likely miss most of the comments here. If you have a question, asking on my talk page will probably yield a much quicker response.

To enable these features:

  • For CSS solutions:
    • To enable a solution just for yourself when viewing in Oasis on one wiki, put the code in User:Yourname/wikia.css on that wiki.
    • To enable a solution just for yourself when viewing in Monobook on one wiki, put the code in User:Yourname/monobook.css on that wiki.
    • To enable a solution just for yourself on every wiki, put the code in User:Yourname/global.css here on Community Central.
    • (Admins only) To enable a solution for every user on a wiki, put the code in MediaWiki:Common.css on that wiki. Make sure to enable Common.css for Oasis!
    • (Admins only) To enable a solution for every user on a wiki viewing pages in Oasis, put the code in MediaWiki:Wikia.css on that wiki.
    • (Admins only) To enable a solution for every user on a wiki viewing pages in Monobook, put the code in MediaWiki:Monobook.css on that wiki.
  • For JS solutions:
    • To enable a solution just for yourself on one wiki, put the code in User:Yourname/wikia.js on that wiki.
    • To enable a solution just for yourself when viewing in Monobook on one wiki, put the code in User:Yourname/monobook.js on that wiki.
    • To enable a solution just for yourself on every wiki, put the code in User:Yourname/global.js here on Community Central.
    • (Admins only) To enable a solution for every user on a wiki, put the code in MediaWiki:Common.js on that wiki.
    • (Admins only) To enable a solution for every user on a wiki viewing pages in Oasis, put the code in MediaWiki:Wikia.js on that wiki.
    • (Admins only) To enable a solution for every user on a wiki viewing pages in Monobook, put the code in MediaWiki:Monobook.js on that wiki.
  • For Hybrid solutions:
    • To enable a solution just for yourself on one wiki, put the code in User:Yourname/wikia.css and User:Yourname/wikia.js on that wiki.
    • To enable a solution just for yourself when viewing in Monobook on one wiki, put the code in User:Yourname/monobook.css and User:Yourname/monobook.js on that wiki.
    • To enable a solution just for yourself on every wiki, put the code in User:Yourname/global.css and User:Yourname/global.js here on Community Central.
    • (Admins only) To enable a solution for every user on a wiki, put the code in MediaWiki:Common.css and MediaWiki:Common.js on that wiki. Make sure to enable Common.css for Oasis!
    • (Admins only) To enable a solution for every user on a wiki viewing pages in Oasis, put the code in MediaWiki:Wikia.css and MediaWiki:Wikia.js on that wiki.
    • (Admins only) To enable a solution for every user on a wiki viewing pages in Monobook, put the code in MediaWiki:Monobook.css and MediaWiki:Monobook.js on that wiki.
  • For Personal only solutions:
    • To enable a solution on one wiki, put the code in User:Yourname/wikia.css or User:Yourname/wikia.js on that wiki.
    • To enable a solution on every wiki, put the code in User:Yourname/global.css or User:Yourname/global.js here on Community Central.
    • Personal only solutions cannot be enabled for every user on a wiki (wiki-wide), because they would violate the ToU.

CSS

Common.css

CSS solution. - Updated 2/1/11.

Did you know that MediaWiki:Common.css doesn't affect Oasis? There's a fix for that. Add this code to the top of MediaWiki:Wikia.css on your wiki, and change "YOURWIKI" in the URL to your wiki:

/* import Common.css so it serves its function - 2/1/11  */
@import url("http://YOURWIKI.wikia.com/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

Solution from Ciencia Al Poder on Forum:Common.css.

"Read more" headings

CSS solution. - Updated 2/1/11.

Don't like those annoying "Read more" headings at the bottom of your pages? You can disable them using the following CSS code.

/* remove related pages area - 2/1/11 */
.RelatedPagesModule {display:none;}

Solution from Sovq on Forum:Category and Related Article Image Sources.

Category galleries

CSS solution. - Updated 2/1/11.

Those category galleries can be a pain. This CSS will remove them.

/* remove category galleries - 2/1/11 */
.category-gallery {display:none;}

Solution from ??? on ???. I honestly can't remember where I first saw this, but I know it works. If anyone can find a source, that'd be great!

Wide tables

CSS solution. - Updated 2/1/11.

Those expansion buttons that truncate wide tables can be pretty annoying. You can disable them with the following CSS.

/* show large tables normally - 2/1/11 */
.WikiaWideTablesWrapper canvas {display:none;}
.WikiaWideTablesWrapper img.sprite.popout {display:none;}
.WikiaWideTablesWrapper > .table {overflow:visible;}

Solution from Monchoman45 on Forum:Large tables.

Customizing

If you want to show wide tables but also have the expansion button available, you can remove .WikiaWideTablesWrapper img.sprite.popout {display:none;}.

Image attribution

CSS solution. - Updated 2/1/11.

Some people dislike the "added by ..." text underneath pictures with |thumb. You can remove that with this CSS.

/* remove image attribution - 2/1/11 */
.WikiaArticle .picture-attribution {display:none;}

Solution from Sovq on Forum:Remove "Added by..." under photos.

Right-align the toolbar links

CSS solution. - Updated 2/2/11.

Kind of annoying that Wikia decided to left align the toolbar with their new fix. Nothing is where you think it is. This CSS will right align the toolbar links. When using this code, newly added tools will go into the "more" menu until you refresh the page. After that, they will display normally.

/* Changes Wikia's new left-aligned toolbar back to right-aligned - 2/2/11 */
.WikiaFooter .toolbar .tools {
    float: right;
}
 
#my-tools-menu {
    left:  auto !important;
    right:  108px !important;
}
 
.tools-menu {
    left:  auto !important;
    right:  188px !important;
}

Solution from Rappy 4187 on Forum:Fix for the new left-aligned toolbar.

Left-align the side rail

CSS Solution. - Updated 3/15/11.

Some people like their tools on the left. This CSS will put the sidebar on the left side, instead of the right.

/* left align the side rail - 3/15/11 */
.WikiaRail {float:left !important; padding-right:0px !important;}
.WikiaMainContent {float:right !important; padding-right: 10px;}
.oasis-one-column .WikiaMainContent {float:right !important; padding-right:0 !important;}

Solution from Monchoman45 on Forum:Layout changed.

JS

Contributions in user navigation

JS solution. - Updated 2/1/11.

Isn't it annoying to have to go to Special:Contributions/Yourname every time you want to check your contribs? This JS will put a link to your contributions in your user navigation menu (next to the log out button).

/* add contribs to user menu - 2/1/11 */

function UserContribsMenuItem() {
	$('ul.AccountNavigation li:first-child ul.subnav li:first-child').after('<li><a href="/wiki/Special:Contributions/'+ encodeURIComponent (wgUserName) +'">Contributions</a></li>');
}
  
addOnloadHook(UserContribsMenuItem);

Solution from Fandyllic on Forum:Add Contributions back to account drop menu.

History in the edit button menu

JS solution. - Updated 3/8/11.

Ever click the edit button dropdown menu looking for history, only to remember it's actually in the MyTools bar all the way at the bottom of the page? No longer. This script will put a history link in the menu under the edit button for all pages:

/* add history to the dropdown menu for pages - 3/8/11 */
function HistoryDropdownMenuItem() {
	if ($('ul.wikia-menu-button').length === 0) {
 		$('#WikiaPageHeader a.wikia-button').removeClass('wikia-button').wrap('<ul class="wikia-menu-button" />').wrap('<li/>');
		$('ul.wikia-menu-button').append('<img class="chevron" src="http://images1.wikia.nocookie.net/__cb34175/common/skins/common/blank.gif"><ul></ul>');
	}
		$('ul.wikia-menu-button ul').append('<li><a href="/index.php?title='+ encodeURIComponent (wgPageName) +'&action=history">History</a></li>');
}
 
addOnloadHook(HistoryDropdownMenuItem);

Solution from Rappy 4187 and Monchoman45 on Forum:History button for User pages.

Change Wiki Activity to Recent Changes

JS solution. - Updated 2/1/11.

Experienced Wiki users might prefer Recent Changes over Wiki Activity. To change your Wiki Activity button to Recent changes, add this to your global.js:

/* change wiki activity to recent changes - 2/1/11 */
function WikiActivity2RecentChanges() {
	$('a.wikia-button[data-id$="wikiactivity"]').replaceWith('<a data-id="recentchanges" class="wikia-button secondary" accesskey="g" title="Special:RecentChanges" href="/wiki/Special:RecentChanges"><img height="0" width="0" class="sprite activity" src="http://images1.wikia.nocookie.net/common/skins/common/blank.gif">Recent Changes</a>');
}
   
addOnloadHook(WikiActivity2RecentChanges);

Solution from Fandyllic on Forum:Make your Wiki Activity button say and do Recent Changes.

Upload photo on the main page

JS solution. - Updated 3/8/11.

/* add upload photo button to main page - 3/8/11 */
function UploadOnMainPage() {
	$('.mainpage #WikiaPageHeader div:first').append('<div style="float: right; padding-left: 15px;"><a class="uploadimage" title="Upload a new image to this wiki" href="/wiki/Special:Upload"><img height="0" width="0" class="sprite photo" src="' + wgBlankImgUrl + '"></a><a class="uploadimage" title="Special:Upload" href="/wiki/Special:Upload">Upload Image</a></div>');
}

addOnloadHook(UploadOnMainPage);

Solution from Rappy 4187 on User:Rappy 4187/global.js.

Fully expand content

JS solution. PERSONAL JS ONLY!! Wiki-wide use violates ToU. - Updated 2/1/11.

Isn't it kind of annoying that the content area is so small? This JS will create a button that lets you expand it. Note that doing so temporarily hides the side rail, which is a violation of the ToU if used in a wiki-wide JS file (MediaWiki:Common.js, MediaWiki:Wikia.js, MediaWiki:Monobook.js). You can click the button again to show the rail, and return the content to its normal width.

/* add a button that increases the content size and hides the rail - 2/1/11 */
function CreateContentResizeButton() {
	var headerWidth = $('header#WikiaPageHeader.WikiaPageHeader details').width();
	var contentWidth = $('article#WikiaMainContent.WikiaMainContent').width();
	var catlinksWidth = $('div#catlinks.catlinks').width();
	if(contentWidth < 1000) {
		$('section article header ul.wikia-menu-button').after('<ul class="wikia-menu-button" id="resizeButton" style="margin-left:10px"><a onclick="ExpandContent(' + headerWidth + ', ' + contentWidth + ', ' + catlinksWidth + ');" data-id="resizeButton" style="color:#fff;" title="Expands the content area. Note that this will hide the side rail."> Expand <--> </a></ul>');
		$('section article header a.wikia-button').after('<ul class="wikia-menu-button" id="resizeButton" style="margin-left:10px"><a onclick="ExpandContent(' + headerWidth + ', ' + contentWidth + ', ' + catlinksWidth + ');" data-id="resizeButton" style="color:#fff;" title="Expands the content area. Note that this will hide the side rail."> Expand <--> </a></ul>');
		$('section article header a.view-source').after('<ul class="wikia-menu-button" id="resizeButton" style="margin-left:10px"><a onclick="ExpandContent(' + headerWidth + ', ' + contentWidth + ', ' + catlinksWidth + ');" data-id="resizeButton" style="color:#fff;" title="Expands the content area. Note that this will hide the side rail."> Expand <--> </a></ul>');
		if(wgCanonicalNamespace == 'User_blog') {
			$('section article div#WikiaUserPagesHeader a.wikia-button').after('<ul class="wikia-menu-button" id="resizeButton" style="margin-left:10px"><a onclick="ExpandContent(' + headerWidth + ', ' + contentWidth + ', ' + catlinksWidth + ');" data-id="resizeButton" style="color:#fff;" title="Expands the content area. Note that this will hide the side rail."> Expand <--> </a></ul>');
		}
	}
}
 
addOnloadHook(CreateContentResizeButton);
 
function ExpandContent(headerWidth, contentWidth, catlinksWidth) {
	$('header#WikiaPageHeader.WikiaPageHeader details').css({"width": '980px'});
	$('article#WikiaMainContent.WikiaMainContent').css({"width": '1000px'});
	$('div#catlinks.catlinks').css({"width": '1000px'});
	$('div#WikiaRail.WikiaRail').css({"display": 'none'});
	$('ul#resizeButton').replaceWith('<ul class="wikia-menu-button" id="resizeButton" style="margin-left:10px"><a onclick="CompressContent(' + headerWidth + ', ' + contentWidth + ', ' + catlinksWidth + ');" data-id="resizeButton" style="color:#fff;" title="Compress the content area back to its original width, and restore the side rail."> Compress >--< </a></ul>');
}

function CompressContent(headerWidth, contentWidth, catlinksWidth) {
	$('header#WikiaPageHeader.WikiaPageHeader details').css({"width": headerWidth});
	$('article#WikiaMainContent.WikiaMainContent').css({"width": contentWidth});
	$('div#catlinks.catlinks').css({"width": catlinksWidth});
	$('div#WikiaRail.WikiaRail').css({"display": 'block'});
	$('ul#resizeButton').replaceWith('<ul class="wikia-menu-button" id="resizeButton" style="margin-left:10px"><a onclick="ExpandContent(' + headerWidth + ', ' + contentWidth + ', ' + catlinksWidth + ');" data-id="resizeButton" style="color:#fff;" title="Expands the content area. Note that this will hide the side rail."> Expand <--> </a></ul>');
}

Solution from Monchoman45 on Forum:Increase content area width.

Note: Currently working on a solution that can be implemented wiki-wide without violating the ToU.

Customizing

You can use CSS to customize this button if you want, but it will automatically change with the rest of the buttons on your wiki. To refer to this button, use #resizeButton.

Buttons for changing your skin

JS solution. - Updated 2/1/11.

If you're one of those people who switches between Oasis and Monobook frequently, you probably hate going to preferences to change your skin. This JS puts buttons for changing your view on a page in the header. They don't change your preferences, but they do temporarily change the view.

/* skin change buttons - 2/1/11 */
function CreateSkinChangeButtons() {
	//Oasis buttons
	$('section header 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><a style="margin:0 42px 3px 0" href="/index.php?title='+ encodeURIComponent(wgPageName) +'&useskin=vector" title="Change to Vector" accesskey="v" class="wikia-button secondary" id="skinChangeButton" data-id="vectorbutton">Vector</a>');
	//Monobook buttons
	$('div#p-cactions.portlet div.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><li id="ca-nstab-main" class="skinChangeTab"><a href="/index.php?title='+ encodeURIComponent(wgPageName) +'&useskin=vector" title="Change to Vector [v]" id="skinChangeButton" accesskey="o">Vector</a></li>');
	//Vector buttons
	$('div#p-namespaces.vectorTabs').after('<div id="p-skinchanges" class="vectorTabs" style="margin:0 0 0 64px"><ul><li id="ca-nstab-main"><a href="/index.php?title='+ encodeURIComponent(wgPageName) +'&useskin=wikia" title="Change to Oasis [o]" id="skinChangeButton" accesskey="o"><span>Oasis</span></a></li><li id="ca-nstab-main"><a href="/index.php?title='+ encodeURIComponent(wgPageName) +'&useskin=monobook" title="Change to Monobook [m]" id="skinChangeButton" accesskey="m"><span>Monobook</span></a></li></ul></div>');
}
 
addOnloadHook(CreateSkinChangeButtons);

Solution from Monchoman45 on Forum:Vector skin and MediaWiki 1.16.

Note: Currently, Vector is not affected by JS on Wikia. However, this JS has been tested to work in Vector, so if Wikia ever decides to support the skin, the tabs will show up.

Customizing

  • Oasis:
    • Buttons can be referred to with #skinChangeButton for customizing with CSS.
  • Monobook:
    • Tabs can be referred to with .skinChangeTab for customizing with CSS.
  • Vector:
    • Tabs can be referred to with #p-skinchanges for customizing with CSS.

Remove image popups

JS solution. - Updated 3/30/11.

Image popups are a nuisance if you just want to go to the file page. This'll fix that.

/* kill image popups - 3/30/11 */
function changeimagelinks() {

    if (window.skin == 'oasis') {
        var article = $('#WikiaArticle, .LatestPhotosModule, #article-comments');
    }
    else {
        var article = $('#bodyContent');
    }

    article.unbind('click.lightbox');

    var a = document.getElementsByTagName("a");
    for ( var t = 0; t < a.length; ++t ) {
        var a2 = a[t];
        var img = a2.getElementsByTagName("img");
        if ( img[0] != null ) {
            if ( a2.href.indexOf("images.wikia.com") != -1 ) {
                var link = wgServer + '/wiki/File:' + a2.href.substring(a2.href.lastIndexOf('/') + 1);
                a2.setAttribute('href',link);
            }
        }
    }
}

addOnloadHook(changeimagelinks);

Solution from Rappy 4187 on Forum:Image pop-ups.

Add a clock to the header

JS solution. - Updated 2/1/11.

If you don't run on UTC time, figuring out when something happened with the Wikia timestamps can be a pain. This JS will add a clock to the header in Oasis and Monobook.

// ============================================================
// displayTimer - 2/1/11
// ============================================================
 
//Add a clock to the WikiHeader
//Modified from work by Patrick Westerhoff [poke]:
//http://bulbapedia.bulbagarden.net/wiki/MediaWiki:Monobook.js
 
hookEvent( 'load', displayTimer );
 
function displayTimer ()
{
    if ( typeof( timerDisplay ) !== 'undefined' && timerDisplay === false )
        return;
 
    var date;
 
    if (skin == 'oasis')
    {
    var timerParent = document.getElementById( 'WikiHeader' ).getElementsByTagName( 'div' )[0];
    }
 
    if (skin == 'monobook')
    {
    var timerParent = document.getElementById( 'p-personal' ).getElementsByTagName( 'ul' )[0];
    }
 
    var timerLink   = document.createElement( 'a' );
    var timerObj    = document.createElement( 'li' );
    timerLink.href               = '/wiki/' + wgPageName + '?action=purge';
    timerLink.title              = 'Purge the server cache and update the contents of this page.'
    timerObj.id                  = 'displayTimer';
    timerObj.style.textTransform = 'none';
    timerObj.style.fontWeight    = 'bold';
    timerObj.style.fontSize      = '100%';
    timerObj.appendChild( timerLink );
    timerParent.insertBefore( timerObj, timerParent.firstChild );
 
    if (skin == 'oasis')
    {
        $('#displayTimer').css({'position': "inherit", 'right': "0px", 'top': "-28px"});
    }
 
    var month = new Array(12);
        month[0]  = "Jan";
        month[1]  = "Feb";
        month[2]  = "Mar";
        month[3]  = "Apr";
        month[4]  = "May";
        month[5]  = "Jun";
        month[6]  = "Jul";
        month[7]  = "Aug";
        month[8]  = "Sep";
        month[9]  = "Oct";
        month[10] = "Nov";
        month[11] = "Dec";
 
    function actualizeUTC ()
    {
        timerDate           = new Date();
        timerLink.innerHTML = ( timerDate.getUTCDate()     < 10 ? '0' : '' ) + timerDate.getUTCDate()     + ' '
                            + ( timerDate.getUTCMonth()    < 10 ? '' : ''  ) + month[timerDate.getUTCMonth()] + ' '
                            + ( timerDate.getUTCFullYear() < 10 ? '0' : '' ) + timerDate.getUTCFullYear() + ' '
                            + ( timerDate.getUTCHours()    < 10 ? '0' : '' ) + timerDate.getUTCHours()    + ':'
                            + ( timerDate.getUTCMinutes()  < 10 ? '0' : '' ) + timerDate.getUTCMinutes()  + ':'
                            + ( timerDate.getUTCSeconds()  < 10 ? '0' : '' ) + timerDate.getUTCSeconds()  + ' (UTC)';
    }
 
    function actualizeCustom ()
    {
        timerDate           = new Date();
        timerDate.setMinutes  ( timerDate.getMinutes() + timerDate.getTimezoneOffset() + timerTimezone * 60 );
        timerLink.innerHTML = ( timerDate.getDate()     < 10 ? '0' : '' ) + timerDate.getDate()     + ' '
                            + ( timerDate.getMonth()    < 10 ? '' : ''  ) + month[timerDate.getMonth()] + ' '
                            + ( timerDate.getFullYear() < 10 ? '0' : '' ) + timerDate.getFullYear() + ' '
                            + ( timerDate.getHours()    < 10 ? '0' : '' ) + timerDate.getHours()    + ':'
                            + ( timerDate.getMinutes()  < 10 ? '0' : '' ) + timerDate.getMinutes()  + ':'
                            + ( timerDate.getSeconds()  < 10 ? '0' : '' ) + timerDate.getSeconds()
                            + ' (UTC' + ( timerTimezone  < 0 ? '' : '+' ) + timerTimezone + ')';
    }
 
    // start
    if ( typeof( timerTimezone ) !== 'number' )
    {
        actualizeUTC();
        setInterval( actualizeUTC, 1000 );
    }
    else
    {
        actualizeCustom();
        setInterval( actualizeCustom, 1000 );
    }
}

Solution from Bulbapedia on Monobook.js.

Customizing

The clock can be referred to with #displayTimer for customizing in CSS.

Collapsible tables

JS solution. - Updated 2/1/11.

Ever wonder how people get their tables to collapse? Here's how to do that.

/** Test if an element has a certain class **************************************
 *
 * Description: Uses regular expressions and caching for better performance.
 * Maintainers: [[User:Mike Dillon]], [[User:R. Koot]], [[User:SG]]
 */

var hasClass = (function () {
	var reCache = {};
	return function (element, className) {
		return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
};
})();

/** Collapsible tables (From [[wikipedia:MediaWiki:Common.js]] *******************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *               [[Wikipedia:NavFrame]].
 *  Maintainers: [[User:R. Koot]]
 */
 
var autoCollapse = 2;
var collapseCaption = "hide";
var expandCaption = "show";
 
function collapseTable( tableIndex )
{
    var Button = document.getElementById( "collapseButton" + tableIndex );
    var Table = document.getElementById( "collapsibleTable" + tableIndex );
 
    if ( !Table || !Button ) {
        return false;
    }
 
    var Rows = Table.rows;
 
    if ( Button.firstChild.data == collapseCaption ) {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = "none";
        }
        Button.firstChild.data = expandCaption;
    } else {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = Rows[0].style.display;
        }
        Button.firstChild.data = collapseCaption;
    }
}
 
function createCollapseButtons()
{
    var tableIndex = 0;
    var NavigationBoxes = new Object();
    var Tables = document.getElementsByTagName( "table" );
 
    for ( var i = 0; i < Tables.length; i++ ) {
        if ( hasClass( Tables[i], "collapsible" ) ) {
 
            /* only add button and increment count if there is a header row to work with */
            var HeaderRow = Tables[i].getElementsByTagName( "tr" )[0];
            if (!HeaderRow) continue;
            var Header = HeaderRow.getElementsByTagName( "th" )[0];
            if (!Header) continue;
 
            NavigationBoxes[ tableIndex ] = Tables[i];
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );
 
            var Button     = document.createElement( "span" );
            var ButtonLink = document.createElement( "a" );
            var ButtonText = document.createTextNode( collapseCaption );
 
            Button.className = "collapseButton";  //Styles are declared in Common.css
 
            ButtonLink.style.color = Header.style.color;
            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
            addHandler( ButtonLink,  "click", new Function( "evt", "collapseTable(" + tableIndex + " ); return killEvt( evt );") );
            ButtonLink.appendChild( ButtonText );
 
            Button.appendChild( document.createTextNode( "[" ) );
            Button.appendChild( ButtonLink );
            Button.appendChild( document.createTextNode( "]" ) );
 
            Header.insertBefore( Button, Header.childNodes[0] );
            tableIndex++;
        }
    }
 
    for ( var i = 0;  i < tableIndex; i++ ) {
        if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
            collapseTable( i );
        } 
        else if ( hasClass( NavigationBoxes[i], "innercollapse" ) ) {
            var element = NavigationBoxes[i];
            while (element = element.parentNode) {
                if ( hasClass( element, "outercollapse" ) ) {
                    collapseTable ( i );
                    break;
                }
            }
        }
    }
}
 
addOnloadHook( createCollapseButtons );

This solution is considered "public knowledge". It's been on Wikipedia for a while.

Hybrid

Shrink the side rail

Hybrid solution. PERSONAL FILES ONLY!! Wiki-wide use violates ToU. - Updated 2/1/11.

That side rail is really pretty fat - it could stand to lose a few pounds. This CSS and JS code will shrink the rail by 33%, and increase the content width to fill the new space. It also removes some button text, which probably violates the ToU, so personal code only.

CSS code:

/* shrink the side rail - 2/1/11 */
#WikiaSpotlightsModule ul li .highlight img {width:70px !important;}
#WikiaSpotlightsModule ul li .highlight img {height:70px !important;}
.WikiaSpotlight {width:195px !important;}
#WikiaSpotlightsModule ul li em {font-size:11px !important;}
#WikiaSpotlightsModule ul li p {font-size:11px !important;}
#WikiaSpotlightsModule ul li a {font-size:11px !important;}
.WikiaRail .module p {line-height:15px !important;}
.WikiaSpotlight {width:195px !important;}
#WikiaSpotlightsModule ul li .highlight img {width:70px !important;}
#WikiaSpotlightsModule ul li .highlight img {height:70px !important;}
section.WikiaPagesOnWikiModule.module {width:200px; padding-top:10px;}
.tally em {font-size:20pt;}
section.WikiaActivityModule.module {width:200px;}
section.LatestPhotosModule.module {width:200px;}
section.WikiaBlogListingBox.module {width:200px;}
section.LatestPhotosModule .carousel-container {width:171px; height:68px; margin-top:25px;}
section.LatestPhotosModule ul li img {width:54px; height:56px;}
section.LatestPhotosModule ul li a {width:54px; height:56px;}
section.LatestPhotosModule ul .see-all a {padding-top:10px; font-size:11px; width:54px;}
section.LatestPhotosModule ul .add-more a {padding-top:10px; font-size:11px; width:54px;}
section.LatestPhotosModule ul li {width:53px; height:55px;}
.LatestPhotosModule .wikia-button {margin-top:20px;}
.tally span.fixedwidth {text-align:center; margin-top:5px; font-size:10px; margin-left:2px; width:62px;}
section#WikiaSpotlightsModule.module {width:194px;}
#WikiaSpotlightsModule .WikiaSpotlight {margin-top:10px; margin-bottom:10px;}
div#WikiaRail section a.wikia-button {width:62px; font-size:11px;}
.LatestPhotosModule .empty-photos a {margin-top:-30px; margin-left:45px; margin-right:-45px;}

JS code:

/* shrink the side rail to add content space when rail is present - 2/1/11 */
/* only works with proper css - see [[Forum:Why not get rid of the right sidebar altogether?]] */
function ShrinkRail() {
	if( $('article#WikiaMainContent.WikiaMainContent').width() < 1000 ) {
		$('header#WikiaPageHeader.WikiaPageHeader details').css({"width": '750px'});
		$('article#WikiaMainContent.WikiaMainContent').css({"width": '760px'});
		$('div#catlinks.catlinks').css({"width": '718px'});
 
		$('div#WikiaRail.WikiaRail').css({"width": '220px'});
		$('form#WikiaSearch').css({"width": '218px'});
		$('form#WikiaSearch input[type="text"]').css({"width": '210px'});
 
		$('div#WikiaRail a.wikia-button.upphotos').replaceWith('<a href="/wiki/Special:Upload" title="Add a Photo" class="wikia-button upphotos" style="width:30px; margin-top:0;"> <img src="http://images1.wikia.nocookie.net/__cb32790/common/skins/common/blank.gif" height="0" width="0" class="sprite photo" style="margin:0;"> </a>');
		$('div#WikiaRail a.wikia-button.createpage').replaceWith('<a href="/wiki/Special:CreatePage" title="Create a new page on this wiki" class="wikia-button createpage" style="width:25px; margin-top:0;"> <img src="http://images1.wikia.nocookie.net/__cb32790/common/skins/common/blank.gif" height="0" width="0" class="sprite new" style="margin:0;"> </a>');
		$('div#WikiaRail a.wikia-button[href="/wiki/Special:CreateBlogPage"]').replaceWith('<a href="/wiki/Special:CreateBlogPage" title="Create blog post" class="wikia-button" style="width:25px"><img src="http://images1.wikia.nocookie.net/__cb32790/common/skins/common/blank.gif" height="0" width="0" class="sprite blog" style="margin-left:4px;"></a>');
	}
}
 
addOnloadHook(ShrinkRail);

Solution from Monchoman45 on Forum:Why not get rid of the right sidebar altogether?

That's it

Thanks for reading, and Happy Wiki-ing! If you have any questions, concerns, or problems with any of these solutions, you can ask me or whoever the solution came from.

cool emotes

Preview

Code
Schla18 {{Zzz}}
Pc {{grrr}}
Lugi {{{Luigi}}
061 {{blob}}
653 {{dance}}
487 {{music}}
271 {{guitar}}
Biggrin {{)}}
Banned {{User:Tama63/filingcabinet/emotes/banned}}
Badday {{User:Tama63/filingcabinet/emotes/badday}}

Below are some commonly used wiki markup codes. .Insert: – — … ° ≈ ≠ ≤ ≥ ± − × ÷ ← → · § Sign your username:~~~~


'''Wiki markup:''' {{}} | [] [[]] [[Category:]] #REDIRECT [[]] <s></s> <sup></sup> <sub></sub> <code></code> <blockquote></blockquote> <ref></ref> {{Reflist}} <references/> <includeonly></includeonly> <noinclude></noinclude> {{DEFAULTSORT:}} <nowiki>

Symbols: ~ | ¡ ¿ † ‡ ↔ ↑ ↓ • ¶   # ¹ ² ³ ½ ⅓ ⅔ ¼ ¾ ⅛ ⅜ ⅝ ⅞ ∞   ‘ “ ’ ” «»   ¤ ₳ ฿ ₵ ¢ ₡ ₢ $ ₫ ₯ € ₠ ₣ ƒ ₴ ₭ ₤ ℳ ₥ ₦ № ₧ ₰ £ ៛ ₨ ₪ ৳ ₮ ₩ ¥   ♠ ♣ ♥ ♦</nowiki>
Community content is available under CC-BY-SA unless otherwise noted.