Linking Categories

[Ali]

To link categories together and create a vBulletin type effect login to your Admin CP -> Skins & Templates -> Skin Manager -> Edit Root Skin Template HTML -> Board Index -> Now check mark the box to the left of the Pagetop section and click Edit Selected.

Now at the very bottom section of the code insert this code:
<div class='htmltop'>HTML</div><div class='htmlmain'><table width="100%" border="0" cellspacing="1" cellpadding="4" class="tableborder">
<tr>
<th align="center" width="2%" class='titlemedium'><img src="{ipb.vars['img_url']}/spacer.gif" alt="" width="28" height="1" /></th>
<th align="left" width="59%" class='titlemedium'>{ipb.lang['cat_name']}</th>
<th align="center" width="7%" class='titlemedium'>{ipb.lang['topics']}</th>
<th align="center" width="7%" class='titlemedium'>{ipb.lang['replies']}</th>
<th align="left" width="25%" class='titlemedium'>{ipb.lang['last_post_info']}</th>
</tr></div>
Once you've completed that click on the Save Template Bit(s) button to execute the edit.

Now go to your Admin CP -> Skins & Templates -> Skin Manager -> Edit Root Skin Template HTML -> Board Index -> Now check mark the box to the left of the CatHeader_Expanded section and click Edit Selected.

Now delete all the code that's displayed in this box and replace it with with this code:
<div class='htmltop'>HTML</div><div class='htmlmain'><tr>
<td class="maintitle" colspan="5"><{CAT_IMG}>&nbsp;<a href="{ipb.script_url}showforum={$data['id']}">{$data['name']}</a></td>
</tr></div>
Once you've completed that click on the Save Template Bit(s) button to execute the edit.

Now go to your Admin CP -> Skins & Templates -> Skin Manager -> Edit Root Skin Template HTML -> Board Index -> Now check mark the box to the left of the end_all_cats section and click Edit Selected.

Insert this code into the page box (note: by default the box is empty):
<div class='htmltop'>HTML</div><div class='htmlmain'></table>
<br></div>
Once you've completed that click on the Save Template Bit(s) button to execute the edit.

Now go to your Admin CP -> Skins & Templates -> Skin Manager -> Edit Root Skin Template HTML -> Board Index -> Now check mark the box to the left of the end_this_cat section and click Edit Selected.

Delete all the code that is displayed in this board. Once you've completed that click on the Save Template Bit(s) button to execute the edit.