Thread:OOQuietSnowOo/@comment-9927972-20140415163956/@comment-9927972-20140503130145

Read first before adding.

For the Extended Navigation, add this JavaScript to MediaWiki:Common.js. importArticles({   type: 'script',    articles: [        'u:dev:ExtendedNavigation/code.js'    ] });

For the Back To Top Button, add this JavaScript to MediaWiki:Common.js. importScriptPage('BackToTopButton/code.js', 'dev'); If you want to change the button format, see here.

For the Reference PopUps, you've already added the JavaScript to MediaWiki:Common.js. Now, you'll only need to add this CSS to MediaWiki:Wikia.css. /* Reference Pop Ups Style */ .refpopups-box.WikiaArticle { background-color: white; color: indianred; border-color: #EF96A9; border-width: 2px; text-align: center; border-radius: 10px; background: white; } .refpopups-configure { margin: 4px; } You can change the background and border-color to your preference.

If you want to add Social Icons to every article, add this JavaScript to MediaWiki:Common.js. var SocialMediaButtons = { position: 'top', colorScheme: 'color', buttonSize: '35px' }; importScriptPage('SocialIcons/code.js','dev'); You can also change the button size, position to either top or bottom, and the color scheme to dark, light, or color.

Important point to remember when the wiki uses multiple importArticles. You should do batch import scripts to speed up the performance and make the code look cleaner. To do this, in your MediaWiki:Common.js, the importArticles should look like this. var ShowHideConfig = { autoCollapse: 3, userLang: false, en: { show: "show", hide: "hide", showAll: "show all", hideAll: "hide all" } };

var SocialMediaButtons = { position: "top", colorScheme: "color", buttonSize: "20px" }; importArticles({   type: 'script',    articles: [        'u:dev:ShowHide/code.js',        'u:dev:ReferencePopups/code.js',        'u:dev:ExtendedNavigation/code.js',        'u:dev:BackToTopButton/code.js',        'u:dev:SocialIcons/code.js',    ] });