Thread:Essie Essex/@comment-1500935-20150627164951

I'd like to try a template from the BioShock wiki here but it needs .css and javascript coding to be added to MediaWiki:Common.css and MediaWiki:Common.js. The template in question is in two parts, Template:Games and Template:Games/Icons. If the .css and .js scripts work, it should display game and DLC logos on the top right corner of pages (check this page for example). I've already made the templates three weeks ago but I didn't realize back then that it required additional coding to the wiki itself. Anyway if you want to help me test it, add respectively those strings to the aforementioned MediaWiki pages:

.css /* ################################################## */ /* ### TITLE ICONS (Template:Games)              ### */ /* ################################################## */ .va-titleicons, .va-titleicons-hover { font-size: 11px; position: absolute; margin: 0; max-width: 275px; z-index: 3; } .va-titleicons { background: transparent; right: 0; height: 30px; overflow: hidden; text-align: right; border: none; } .va-titleicons-hover { background-color: #00060E; border: 2px groove gray; height: auto; overflow: auto; padding: 1px 2px; right: -2px; text-align: center; } .va-titleicons-preview { text-align: right;} .va-titleicons-fullsize, .va-titleicons-hover .va-titleicons-preview { display: none;} .va-titleicons-hover .va-titleicons-fullsize { display: block;} .va-titleicons-more { float: right; padding: 0 2px; line-height: 25px; } .va-titleicons-chevron { vertical-align: middle; border-color: #FFFFFF transparent transparent; border-style: solid; border-width: 3px; width: 0; } /* Monobook */ .skin-monobook .va-titleicons { right: 12px; height: auto; margin-top: -1px; } .skin-monobook #firstHeading { overflow: visible;} .skin-monobook .va-titleicons-preview { height: 30px;} /* Oasis */ .skin-oasis.ns-0 .WikiaPageHeader, .skin-oasis.ns-4 .WikiaPageHeader, .skin-oasis.ns-110 .WikiaPageHeader, .skin-oasis.ns-502 .WikiaBlogListingHeader { margin-bottom: 15px;} .skin-oasis.mainpage .WikiaPageHeader { margin-bottom: 10px;} .js // ============================================================ // BEGIN Template:Games // ============================================================ // Description: Add icons to article title // Credit:     User:Porter21 (modifications by User:Rappy and User:Gardimuer) $(function addTitleIcons {   if (skin == 'monobook' || skin == 'oasis') {      var insertTarget;      switch (skin) {		case 'monobook':			insertTarget = $('#firstHeading');			break;		case 'oasis':			if (wgAction != 'submit' && wgNamespaceNumber != 112 && $('#va-titleicons').length > 0) {				insertTarget = $('#WikiaPageHeader .tally');				$('#WikiaPageHeader .tally').html(' ').css('width', '200px');			}			break;      }      if (insertTarget) {		$('#va-titleicons').css('display', 'block').prependTo(insertTarget);		$('#va-titleicons-more').append('');		$('#va-titleicons').hover( function { $(this).addClass('va-titleicons-hover'); }, function { $(this).removeClass('va-titleicons-hover'); });     }   } }); // ============================================================ // END Template:Games // ============================================================

Then write at the beginning of any page: If that works, you'll see the icons of Dishonored and each DLC on the top right corner.

I'm not entirely sure this will work at all, I don't know much css and javascript so feel free to revert the edits on the MediaWiki pages if you get weird results. 