How to get shadetabs(tabbedmenu) to work on mybb 1.8?

Im not sure what you did but someone sent me this Here is the method I used for shadetabs, and it worked for me.



First, you're going to need to go to this link and see the basic instructions with what to download:http://www.dynamicdrive.com/dynamicindex...ontent.htm




Next, instead of reading what they tell you to do, listen to what I tell you to do.




Open up your HeaderInclude, and place this somewhere inside it.




Code:



Code:



Code:
<link rel="stylesheet" type="text/css" href="tabcontent.css" />



<script type="text/javascript" src="tabcontent.js">



/***********************************************

* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Please keep this notice intact

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/



</script>




Next, You will see six things, one is .css, one is a .js, and the other four are images. Don't worry about the images.


Click on both .css and .js.


Go into the theme options of the theme you are using, and add a new stylesheet labeled: tabcontent.css then place the css you clicked on previously.


Open up Notepad, and paste the js into it, and then save it as tabcontent.js and place it in your jscripts folder.


Go to your Forum Bit Template Set > forumbit_depth1_cat and do the following:




Code:



Code:



Code:
Place <div id="tabmenu_{$forum['fid']}"> at the very beginning of all the code, and put </div> at the very end. This way it will make the code go through the whole forum section.




Now, go to your theme templates, and open up Index > index.


Paste the following code immediately after {$forums}




Code:



Code:



Code:
<script type="text/javascript">



var myflowers=new ddtabcontent("menutabs") //enter ID of Tab Container

myflowers.setpersist(true) //toogle persistence of the tabs' state

myflowers.setselectedClassTarget("link") //"link" or "linkparent"

myflowers.init()



</script>




Now, in the same template set, right under {$header}, place the following:




Code:



Code:



Code:
<ul id="menutabs" class="shadetabs">

<li><a href="#" rel="tabmenu_1" class="selected">Tab 1</a></li>

<li><a href="#" rel="tabmenu_2">Tab 2</a></li>

<li><a href="#" rel="tabmenu_3">Tab 3</a></li>

<li><a href="#" rel="tabmenu_4">Tab 4</a></li>

</ul>




Now onto how to edit everything. Remember when we placed the div classes? <div id="tabmenu_{$forum['fid']}"> for example. Well, when you see how it says, rel="tabmenu_#". That means whatever category you want showing in this tab, will show there. So change it as you work on a bit. If you want 2 categories, add this line beside the rel: rev="tabmenu_#" with the # being the tab you want shown.