Community Central
Register
Community Central
This Forum has been archived
Forums: Admin Central Index Technical Help Tabbertab issue
Wikia's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.


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 · 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");

NconspicuousTALK

I wouldn't. -- Fandyllic (talk · 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;
}

Cblair91 Talk

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)
Apply it to MediaWiki:Wikia.css NOT MediaWiki:Common.css... Common.css is not applied to the pages by default =] Cblair91 Talk
19:38, January 31, 2013 (UTC)
Giant sigh of relief* THANK YOU SO MUCH! This template, and all the ways ive tried doing it, has been buging me for like... months. Now i can finally move on. thank you!. Now whrn would i need to use MediaWiki:wikia instead of Common? and what is the difference? -- LODFan (talk) 19:52, 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)