(0)
============================================================================
HOW TO DO IT:
1] DOWNLOAD THIS TABBER AND UNZIP IT...
2]OPEN THE example.css AND COPY IT (EVERYTHING WHAT IT IS WRITE THERE TO YOUR default CSS FILE...
3]COPY THE tabber-minimized.js AND tabber.js TO YOUR SKIN FOLDER (example to the "ice" skin folder)
4]PUT THIS CODE TO YOUR HEADER.TPL DOWN FROM THE LINE WHO READ THE CSS FILE
Code:
<script type="text/javascript" src="skins/{PHP.skin}/tabber.js"></script>
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash"
on the page as plain HTML. After tabber runs, the class is changed
to "tabberlive" and it will appear. */
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash"
on the page as plain HTML. After tabber runs, the class is changed
to "tabberlive" and it will appear. */
document.write('<style type="text/css">.tabber{display:none;}<\/style>');
</script>
5] ADD THIS CODE TO YOUR INDEX.TPL ...THERE YOU WANT TO PUT THE TABBER
Code:
<div class="tabber" >
<div class="tabbertab">
<h2>{PHP.skinlang.index.Newinforums}</h2>
<p>{PLUGIN_LATESTTOPICS}</p>
</div>
<div class="tabbertab">
<h2>{PHP.skinlang.index.Recentadditions}</h2>
<p>{PLUGIN_LATESTPAGES}</p>
</div>
</div>
<div class="tabbertab">
<h2>{PHP.skinlang.index.Newinforums}</h2>
<p>{PLUGIN_LATESTTOPICS}</p>
</div>
<div class="tabbertab">
<h2>{PHP.skinlang.index.Recentadditions}</h2>
<p>{PLUGIN_LATESTPAGES}</p>
</div>
</div>
OK THAT'S ALL
I THING YOU LIKE THIS TIP...