Admin Forum:Tabbertab issue

Hi, I need help with this tabbertab thing. My template isnt working properly like this one is. I havent been able to get in contact with Sise neg (the guy who made it for me) and im getting impatient admittedly. It would be great if i could get help on this and finally get it behind me. Oh and all the .js and .css from Sise's site is also on my site. Thanks in advance! LODFan (talk) 18:50, January 24, 2013 (UTC)
 * Why not just use Tabber?--PedroM 23:30, January 24, 2013 (UTC)
 * I had tried that last time and I wasn't able to input the information. It didnt recognize it. But if i can get it to work with tabber that would be great!--LODFan (talk) 18:27, January 30, 2013 (UTC)
 * Did you copy over the Javascript that goes with the template? -- Fandyllic (talk &middot; contr) 25 Jan 2013 2:09 PM Pacific
 * Yes! All of it. Both the .css and the .js. You are talking about this page right?--LODFan (talk) 18:27, January 30, 2013 (UTC)

Put this in the top of your wikia.css page @import url("http://legendofdragoon.wikia.com/index.php?title=MediaWiki:Common.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");

Nconspicuous TALK


 * I wouldn't. -- Fandyllic (talk &middot; contr) 28 Jan 2013 5:43 PM Pacific
 * Tried it. No effect.--LODFan (talk) 18:27, January 30, 2013 (UTC)


 * The CSS isn't defined for any of the tabber, please include the following CSS:

/*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; } /*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabber { } .tabberlive { margin-top:1em; } /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #AAA; font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ccc; border-bottom: none; background: #f2f7ff; text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: #fff9f2; border-color: #CCC; } ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; } /*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:5px; border:1px solid #AAA; border-top:0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a   scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; } 18:58, January 30, 2013 (UTC)
 * Ok, the code is added to the MediaWiki.Common.css page but there seems to be no effect. Am I missing something? Also found out this was already in the css code I copied over from Sise's wikia.-- LODFan (talk) 17:39, January 31, 2013 (UTC)

Ive figured out that the problem lies within either the .css or .js. There seems to be somthing that stops the template from processing the tabs as tabs so it puts the tabs as bullets and list the next page underneath. But I dont know why it does it. It doesnt do it with the "tabber" class, only with the "tabbertab" class. -- LODFan (talk) 18:11, January 31, 2013 (UTC)