Thread Rating:
  • 2 Vote(s) - 3 Average
  • 1
  • 2
  • 3
  • 4
  • 5
How To Add Extra Links To Your Header
Example -

You can see i have a link to the awards page up top. Some people may not know how this is possible, well all you need is some minor HTML skills.

First go to your admin panel > templates > header templates > header.

Originally it should be somewhat like this

<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
            <hr class="hidden" />
            <div id="panel">
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            <br />

So to add a custom code you first want to decide where you want the link to be. For my example im going to say, next to the members list. So im going to write my code after

<img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>

So for this example were going to do a post of the week link. So first lets get the image, for this example were going to do a star. So first upload the image to your root or image folder, for my example we have uploaded it to the image folder. So right after the member list code were going to add the following.
<IMG SRC="/images/star.gif" ALT="PoTW">
Then a space. Then.
<a href="/threadlinkhere">Post Of The Week</a>
Make sure in the a href, you only add whats after the / and not the www stuff.

Final demo -

Very nice tutorial, many thanks for this Kaleb.

Yeah, I appreciate it.

You guys are welcome.


I don't see this code in header, I need to edit all headers for guest, admin, mods, members separate.
Sorry I ain't able to change it, please help.
What theme are you using?

Theme designed by Audentio Design.

I downloaded it from mybb.
Use the original header template.
Good tut! Smile
Thanks! This was a great help to me, in adding my "Invite" link.

Possibly Related Threads...
Thread Author Replies Views Last Post
  [Ask]separate mybb forum to wordpress header? TaligsikDako 0 4,746 Sep 10, 2010, 09:32 PM
Last Post: TaligsikDako
Big Grin [Tutorial] How To Move Member List Search To The Header Kaleb 3 6,292 Aug 29, 2010, 03:31 PM
Last Post: Kaleb
  Header image sebastiaankop 5 6,866 Feb 19, 2010, 12:07 PM
Last Post: euantor
  Need help with my header link itsmie 2 3,554 Dec 30, 2009, 09:58 PM
Last Post: Starnova
  vB header? theone759 1 2,972 Feb 14, 2009, 10:41 PM
Last Post: labrocca

Forum Jump:

Users browsing this thread: 1 Guest(s)