Jump to content

Edit Your Menu In Ipb.


Alan
 Share

Recommended Posts

1) Log-in to your Admin CP.

2) Click on Skins & Templates to expand the selection.

3) Click on HTML Templates.

4) Click on Manage HTML next to skin template you want to modify.

5) Look for Global HTML Elements under Skin Category Title, then click it.

6) Look for Board header (logo,links,etc), then click Edit Single next to it.

7) Look for the following code in the text field:

 

The CODE

><!-- IE6/Win TABLE FIX -->
<table  width="100%" cellspacing="6" id="submenu">
<tr>
<td><a href='{ibf.vars.home_url}'>{ibf.vars.home_name}</a><!--IBF.RULES--></td>
<td align="right">
 <img src="{ibf.vars.img_url}/atb_help.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Help'>{ibf.lang.tb_help}</a>
     <img src="{ibf.vars.img_url}/atb_search.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Search&f={$ibforums->input['f']}'>{ibf.lang.tb_search}</a>
     <img src="{ibf.vars.img_url}/atb_members.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Members'>{ibf.lang.tb_mlist}</a>
     <img src="{ibf.vars.img_url}/atb_calendar.gif" border="0" alt="" /> <a href='{ibf.script_url}act=calendar'>{ibf.lang.tb_calendar}</a>
 <!--IBF.CHATLINK-->
</td>
</tr>
</table>

 

 

First off, let's examine the first link in the IPB default HTML code:

 

><a href='{ibf.vars.home_url}'>{ibf.vars.home_name}</a>

ibf.vars.home_url is the website address you set in the General Configuration (System Settings). If no entry in the General Configuration, forum URL is the default home URL.

What is this thingy {ibf.vars.home_name}?

This is a textual link that appears on the header navigation. This is also a text you entered in the website name field of the General Configuration. If no entry, no link will appear.

 

To add a link, you just add the HTML code before or after the first link mentioned above (depends on your preferences). Let say you want to add a link to ibplanet.com after your home URL:

 

The CODE

><a href='{ibf.vars.home_url}'>{ibf.vars.home_name}</a>   &nbsp
<a href='http://www.ibplanet.com'>IBPLANET.COM</a> 


If you want to add a link next to Help|Search|Members|Calender links, add your image and link after a code for calender link:

The CODE  
<td align="right">
 <img src="{ibf.vars.img_url}/atb_help.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Help'>{ibf.lang.tb_help}</a>
     <img src="{ibf.vars.img_url}/atb_search.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Search&f={$ibforums->input['f']}'>{ibf.lang.tb_search}</a>
     <img src="{ibf.vars.img_url}/atb_members.gif" border="0" alt="" /> <a href='{ibf.script_url}act=Members'>{ibf.lang.tb_mlist}</a>
     <img src="{ibf.vars.img_url}/atb_calendar.gif" border="0" alt="" /> <a href='{ibf.script_url}act=calendar'>{ibf.lang.tb_calendar}</a>
    <img src="http://yoursite_url/your_image.gif" border="0" alt="" /> <a href='http://website_url'>website_name</a>
 <!--IBF.CHATLINK-->
</td>

 

yoursite_url/your_image.gif - replace this with your appropriate site address and image filename

website_url - replace this with appropriate website address

website_name - clickable text you want to appear on your header navigation.

 

Credit: IBPlanet.com :D

Link to comment
Share on other sites

Very nice Alan.

 

One word of caution. Please make a backup of any template files you are going to modify before making the modification. Then if something goes terribly wrong you can replace the file with the original and start all over.

Link to comment
Share on other sites

Yey lol, I learned that the hard way.

 

Ended up having to do the entire forum over. :D Tried to span the logo the first time, which made the menu come up to the logo spot, and forgot which part to take the span off lol.

 

Also did that when I was making the Board Admin's name glow, blue on the inside and lime on the out, ended up Admins did not show up on the list at all. :(

 

So anytime you edit your boards. be sure and backup first!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...