Creating a New Navigation Bar for IPB 1.3 Final

[nightfox_pc_asst]

Okay maybe members don't see your links at the top right corner of the forums and maybe you want a more "visable" navigation bar for members to see.

See http://www.nightfoxpcforums.net for DEMO -- first to buttons are clickable to show navigation effects

Heres how to do that in IPB Boards 1.3 Final.

1) Goto ACP Panel

2) Skin & Templates > Manage Skin Templates > Edit HTML
OR
Skin & Templates > HTML Templates > Manage HTML

3) Global HTML Templates > Navigational End > Edit Single

4) Now copy and paste this code before the other code that is there:

<table width="100%" border="0" align="center" cellpadding="4" cellspacing="2" valign='top'>
<tr>
<td width='12%' height="50" align='center' class='row4'><a href="http://www.nh-pctechsupport.net">
<img src="style_images/1/bf_new.gif" border="0" alt="Main"></a><br>
</td>
<td align='center' class='row4' width='12%'> <a href="http://www.nh-pctechsupport.net/gallery/albums.php">
<img src="style_images/1/bf_nonew.gif" border="0" alt="photo"></a><br>
</td>
<td align='center' class='row4' width='12%'>
<img src="style_images/1/bc_new.gif" border="0" alt="IP Chat"><br>
</td>
<td align='center' class='row4' width='12%'>
<img src="style_images/1/bc_nonew.gif" border="0" alt="Top Links"><br>
</td>
<td align='center' class='row4' width='12%'>
<img src="style_images/1/br_new.gif" border="0" alt="Portal"><br>
</td>
<td align='center' class='row4' width='12%'>
<img src="style_images/1/br_nonew.gif" border="0"alt="Help"><br>
</td>
<td align='center' class='row4' width='12%'>
<img src="style_images/1/bf_readonly.gif" border="0" alt="Search"><br>
</td>
<td align='center' class='row4' width='12%'>
<img src="style_images/1/br_redirect.gif" border="0" alt="Members"><br>
</td>
</tr>
<!--Bottom Row with Text Labels and/or text links-->
<tr>
<td align='center' class='row2' width='12%'><a href="http://www.nh-pctechsupport.net/gallery/albums.php">Main</a></td>
<td align='center' class='row2' width='12%'><span class="row2">
<a href="http://www.nh-pctechsupport.net/gallery/albums.php">Gallery</a></span></td>
<td align='center' class='row2' width='12%'><span class="row2">IP Chat</span></td>
<td align='center' class='row2' width='12%'><span class="row1">Top Links</span></td>
<td align='center' class='row2' width='12%'>Portal</td>
<td align='center' class='row2' width='12%'>Help</td>
<td align='center' class='row2' width='12%'><span class="row2">Search </span> </td>
<td align='center' class='row2' width='12%'>
Members</td></tr>
</table>



5) Update Template and your done.


You can edit the a href files to where your links are to go and in the lower part, edit the names under each catagory.


Enjoy, Thanks to NBSDesign for the hosting of my test board.