MyBB Community Forums

Producer: Bomfile

Admin cp>Templates & Style>Templates>Themes>Index Page Templates>index
Add to the bottom:

<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js"></script>
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Announcement 1</a></li>
<li><a href="#" rel="country2">Announcement 2</a></li>
<li><a href="#" rel="country3">Announcement 3</a></li>
</ul>
<div style="border:1px solid gray; width:850px; margin-bottom: 1em; padding: 10px">
<div id="country1" class="tabcontent">
1. Announcement
<br />
</div>
<div id="country2" class="tabcontent">
2. Announcement
<br />
</div>
<div id="country3" class="tabcontent">
3. Announcement
<br />
</div>
</div>
<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<script type="text/javascript">
var mypets=new ddtabcontent("pettabs")
mypets.setpersist(true)
mypets.setselectedClassTarget("link")
mypets.init(2000)
</script>

Save.

[attachment=15362]



Thanks - mybbdestek.com .