Forum:Template:FoldingTabs

Hello everyone. If anyone's noticed, the Fusion Fall Wiki's home page has "Folding Tabs" (Template:FoldingTabs). Meaning that if you click on each one it brings up something else... if you don't understand me just visit the wiki at this; and the template is;. And I really liked this. So I made said Template:FoldingTabs on my wiki as well, but it wasn't the same. I copied it and everything. I just can't seem to figure out what I'm missing. Can someone please help me at this;. Please, I asked on the Fusion Fall Wiki and no one returns my plea for help.

Random Kid  ( | Aspiring Author and Cartoonist ) 00:30, May 16, 2010 (UTC)

Anyone... please?

Random Kid  ( | Aspiring Author and Cartoonist ) 07:20, May 16, 2010 (UTC)
 * It uses CSS. Add:

/* Folding Multi Wiki Tabs by Splarka (http://www.wikia.com/wiki/User:Splarka/tricks) */

.foldtabSet { position: relative; margin: 1.5em 0 1em; }

.foldtabBox { position: relative; padding: 0.5em; background-color:#FFF; overflow: auto; border: 1px solid #AAA; z-index: 1; }

.foldtabHead a { position: relative; left: 0.5em; border: 1px solid #AAA; padding: 0.13em 1em; font-size: 150%; text-decoration: none; color: #00A; background-color: #E0E0FF; background-color: #F0F0F0; z-index: 0; }

.foldtabHead a.selected { top: -0.15em; border-width: 2px; border-bottom: none; background-color: #FFF; z-index: 2; }

.foldtabHead p { margin: 0; padding: 0; } to your MediaWiki:Common.css file.  Manyman  Talk  07:29, May 16, 2010 (UTC)
 * Oh and js:

// ================================================== // Folding Multi Wiki Tabs (experimental) // ==================================================

addOnloadHook(foldingTabsMulti); function foldingTabsMulti { var len=0; ftsets = getElementsByClassName(document, 'div', 'foldtabSet'); //global object array thingy if(ftsets.length==0) return

for(var i=0;i<ftsets.length;i++) { ftsets[i].head = getElementsByClassName(ftsets[i], 'div', 'foldtabHead')[0]; ftsets[i].links = ftsets[i].head.getElementsByTagName('a'); ftsets[i].boxen = getElementsByClassName(ftsets[i], 'div', 'foldtabBox');

if(ftsets[i].links.length < ftsets[i].boxen.length) { len = ftsets[i].boxen.length; } else { len = ftsets[i].links.length; }

for(var j=0;j<len;j++) { ftsets[i].links[j].href = 'javascript:showmultitab(\ + i + '\',\ + j + '\');'; ftsets[i].links[j].title = 'click to display tab ' + j + ' of set ' + i;   } showmultitab(i,'0'); ftsets[i].head.style.display = 'block'; } }

function showmultitab(set,num) { for(var j=0;jRandom Kid  ( | Aspiring Author and Cartoonist ) 08:17, May 16, 2010 (UTC)

Wait. It's still not the same EXACT way. Can you PLEASE do it for me. I'm new to this and very confused.

Random Kid  ( | Aspiring Author and Cartoonist ) 08:24, May 16, 2010 (UTC)
 * I can't do it as I do not have sysop privlages but you need to add

// ================================================== // Folding Multi Wiki Tabs (experimental) // ==================================================

addOnloadHook(foldingTabsMulti); function foldingTabsMulti { var len=0; ftsets = getElementsByClassName(document, 'div', 'foldtabSet'); //global object array thingy if(ftsets.length==0) return

for(var i=0;i<ftsets.length;i++) { ftsets[i].head = getElementsByClassName(ftsets[i], 'div', 'foldtabHead')[0]; ftsets[i].links = ftsets[i].head.getElementsByTagName('a'); ftsets[i].boxen = getElementsByClassName(ftsets[i], 'div', 'foldtabBox');

if(ftsets[i].links.length < ftsets[i].boxen.length) { len = ftsets[i].boxen.length; } else { len = ftsets[i].links.length; }

for(var j=0;j<len;j++) { ftsets[i].links[j].href = 'javascript:showmultitab(\ + i + '\',\ + j + '\');'; ftsets[i].links[j].title = 'click to display tab ' + j + ' of set ' + i;   } showmultitab(i,'0'); ftsets[i].head.style.display = 'block'; } }

function showmultitab(set,num) { for(var j=0;j<ftsets[set].boxen.length;j++) { if(j==num) { ftsets[set].boxen[j].style.display = 'block'; } else { ftsets[set].boxen[j].style.display = 'none'; } }  for(var j=0;jRandom Kid  ( | Aspiring Author and Cartoonist ) 08:54, May 16, 2010 (UTC)

Sorry if I'm annoying but I have another question. Everything was going smoothly, then it suddenly changed from the actually square tabs like on Fusion Fall Wiki, to blue tabs without boxes. Why is this? And is it possible to fix it back?

Random Kid  ( | Aspiring Author and Cartoonist ) 09:43, May 16, 2010 (UTC)