Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Load category by click Details »»
Load category by click
Mod Version: 1.00, by Lee Saker (Contributor) Lee Saker is offline
Developer Last Online: Nov 2007 I like it Show Printable Version Email this Page

vB Version: 3.6.8 Rating: (5 votes - 3.20 average) Installs: 9
Released: 09 Oct 2007 Last Update: Never Downloads: 163
Not Supported Template Edits Is in Beta Stage  

Simple demo: attachment

Install:
Add to bottom of template headinclude
<script language="JavaScript1.3">
var panes = new Array();

function setupPanes(containerId, defaultTabId) {
// go through the DOM, find each tab-container
// set up the panes array with named panes
// find the max height, set tab-panes to that height
panes[containerId] = new Array();
var maxHeight = 0; var maxWidth = 0;
var container = document.getElementById(containerId);
var paneContainer = container.getElementsByTagName("div")[0];
var paneList = paneContainer.childNodes;
for (var i=0; i < paneList.length; i++ ) {
var pane = paneList[i];
if (pane.nodeType != 1) continue;
if (pane.offsetHeight > maxHeight) maxHeight = pane.offsetHeight;
if (pane.offsetWidth > maxWidth ) maxWidth = pane.offsetWidth;
panes[containerId][pane.id] = pane;
pane.style.display = "none";
}
paneContainer.style.height = maxHeight + "px";
paneContainer.style.width = maxWidth + "px";
document.getElementById(defaultTabId).onclick();
}

function showPane(paneId, activeTab) {
// make tab active class
// hide other panes (siblings)
// make pane visible

for (var con in panes) {
activeTab.blur();
activeTab.className = "tab-active";
if (panes[con][paneId] != null) { // tab and pane are members of this container
var pane = document.getElementById(paneId);
pane.style.display = "block";
var container = document.getElementById(con);
var tabs = container.getElementsByTagName("ul")[0];
var tabList = tabs.getElementsByTagName("a")
for (var i=0; i<tabList.length; i++ ) {
var tab = tabList[i];
if (tab != activeTab) tab.className = "tab-disabled";
}
for (var i in panes[con]) {
var pane = panes[con][i];
if (pane == undefined) continue;
if (pane.id == paneId) continue;
pane.style.display = "none"
}
}
}
return false;
}
</script>
Open template forumhome and search
<body>
Replace with
<body onload='setupPanes("containerx", "tabx");'>
x is no of category you want it is default
Search
<!-- main -->
$forumbits
<!-- /main -->
Replace with
<div id="containerx">
<ul class="tabs">
<li><a href="#" onClick="return showPane('x', this)" id="tabx">x</a></li>
<li><a href="#" onClick="return showPane('y', this)">y</a></li>
</ul>

<div class="tab-panes">

<!-- main -->
$forumbits
<!-- /main -->

</div>
</div>
y is no of yours categories
Search template forumhome_forumbit_level1_nopost, add on top
<div id="$forumid">
Add on bottom
</div>
Finish

Click Install if you like it

Download Now

Only licensed members can download files, Click Here for more information.

Supporters / CoAuthors

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Deny Unregistered Users When Load Is High - Load Deny (*Nix) Jafo232 vBulletin 3.6 Add-ons 46 30 Dec 2009 20:34

Comments
  #2  
Old 09 Oct 2007, 16:45
jarod1981®'s Avatar
jarod1981® jarod1981® is offline
 
Join Date: Nov 2005
Oh very interesting...very thanks e congratulations ;-)

Reply With Quote
  #3  
Old 09 Oct 2007, 16:49
Spank Spank is offline
 
Join Date: Jan 2007
Real name: Mark
That's brill. Abit like the tabs on here only faster. Nice job.
Reply With Quote
  #4  
Old 09 Oct 2007, 17:03
linhhon2003 linhhon2003 is offline
 
Join Date: Jan 2005
i cant do it. need hide all of your forum?
Reply With Quote
  #5  
Old 09 Oct 2007, 18:06
jasculs jasculs is offline
 
Join Date: Jun 2007
Once someone installs this on an English forum version can they please post a demo...Thanks
Reply With Quote
  #6  
Old 09 Oct 2007, 18:13
jasculs jasculs is offline
 
Join Date: Jun 2007
Hey Lee Skater,

How can I get a similar forum layout like yours?
Reply With Quote
  #7  
Old 09 Oct 2007, 19:40
Mecho's Avatar
Mecho Mecho is offline
 
Join Date: Aug 2006
sry but i dont get it !? any english demo plz
Reply With Quote
  #8  
Old 09 Oct 2007, 22:21
FreshFroot's Avatar
FreshFroot FreshFroot is offline
 
Join Date: Aug 2005
this actually looks very interesting.. I will have a go at it, BTW I use a english forum.
Reply With Quote
  #9  
Old 09 Oct 2007, 22:23
yoyoyoyo's Avatar
yoyoyoyo yoyoyoyo is offline
 
Join Date: Dec 2004
I don't get it either - what am I supposed to be looking at?
Reply With Quote
  #10  
Old 10 Oct 2007, 02:08
chickadee chickadee is offline
 
Join Date: Mar 2007
Has anyone got this working?
Reply With Quote
  #11  
Old 10 Oct 2007, 02:21
SCRIPT3R SCRIPT3R is offline
 
Join Date: Jan 2005
guys, you can do this by default settings... no need to edit anything or use whatever that java code mess is above; just set your category as hyperlinks to whatever section you want them to open up into. very simple.
Reply With Quote
  #12  
Old 10 Oct 2007, 04:41
shadowevil shadowevil is offline
 
Join Date: Apr 2006
Mod is not plugins ... It's Template Modifications >"< .... anyway, thanks for sharing but not install
Reply With Quote
  #13  
Old 10 Oct 2007, 04:46
Lee Saker Lee Saker is offline
 
Join Date: Jun 2007
Real name: Lee Saker
i cant do it. need hide all of your forum?
Follow my tut and without anything
How can I get a similar forum layout like yours?
U need edit in forumhome_forumbit_level1_nopost, use fieldset

This's beta version, i'll complete it coming soon
Reply With Quote
  #14  
Old 10 Oct 2007, 05:31
linhhon2003 linhhon2003 is offline
 
Join Date: Jan 2005
tried.but cant. it doesnt show anything
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 07:05.

Layout Options | Width: Wide Color: