Board Thread:General Discussion/@comment-4423292-20140928004155/@comment-168424-20141003001653

So more like w:c:thecampjupiterroleplay:Fanfiction_Portal? The examples you gave seem very similar.

To start with you should copy the following to your wiki to the pages with the same names:  /****************************************/ /* sliders using jquery by User:Tierrie */ /****************************************/ mw.loader.using( ['jquery.ui.tabs'], function { $(document).ready(function { var $tabs = $("#portal_slider").tabs({ fx: {opacity:'toggle', duration:100} } ); $("[class^=portal_sliderlink]").click(function { // bind click event to link   $tabs.tabs('select', this.className.replace("portal_sliderlink_", ""));    return false;  }); }); } );  /* slider */ .portal_section { margin: 0 0 10px 0; background: white; border-radius: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -icab-border-radius: 8px; -o-border-radius: 8px; } .portal_body { padding: 0px 10px; } /* portal: slider */ margin: 0px 0px 15px; padding: 0px; position: relative; height: 400px; background-color: #FFFFFF; } /* portal: content */ .portal_sliderlink_1:hover, .portal_sliderlink_2:hover, .portal_sliderlink_3:hover, .portal_sliderlink_4:hover, .portal_sliderlink_5:hover, .portal_sliderlink_6:hover, .portal_sliderlink_7:hover, .portal_sliderlink_8:hover, .portal_sliderlink_9:hover, .portal_sliderlink_10:hover, .portal_sliderlink_11:hover, .portal_sliderlink_12:hover, .portal_sliderlink_13:hover, .portal_sliderlink_14:hover, .portal_sliderlink_15:hover { opacity: 0.5;} /* tabs/sliders */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none !important; }
 * The following code from w:c:thecampjupiterroleplay:MediaWiki:Common.js.
 * The following code from w:c:thecampjupiterroleplay:MediaWiki:Wikia.css.
 * 1) portal_slider {
 * 1) portal_slider > .portal_body { padding: 0px; }
 * 1) portal_content { font-size: 0.9em; line-height: 1.7em; }
 * 2) portal_content .portal_body > table { height: 350px; }
 * 3) portal_content ul ul { margin-left: 1em; }
 * w:c:thecampjupiterroleplay:Template:PortalSlider
 * w:c:thecampjupiterroleplay:Template:PortalPage
 * w:c:thecampjupiterroleplay:Template:Slider

After that I'll probably really need to know which wiki you're working on or I won't really be able to help you more. Copying the above stuff is probably about 30% of the work.