MyBB Community Forums

Full Version: Modifying Header links
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
So how do I modify this header links row on top. I want to add a couple of more links like a link to another site and put up something on contact us or about us section.

Please see pic of the location I want to add / modify.

[attachment=29936]
Those links can be modified in the Header template. Go to ACP>Templates & Styles>Templates>YOUR THEME>Header Templates>Header

Look for the following class to modify

<div class="menu">
				<ul>
					<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
					<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
					<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
				</ul>
			</div>

To add a new hyperlink. Add the following code:

<li><a href="LINK"><img src="IMAGE" alt="" title="" />TEXT</a></li>

Only use <img src="IMAGE" alt="" title="" /> if you would like to display an icon before the hyperlink.
Thanks. That worked like a charm. :-)

Any idea what I should do to make the top links more attractive. Like when I hover the mouse on top of the links like calendar and search , now it just changes the shade to light grey.

I want it to look like a nicely shaped button when I hover over it. How can I do this ? Thanks Arbaz , already Repped you.
Sure. Go to ACP>Templates & Styles>Themes>YOUR THEME>Global.css

Look for .menu ul a:hover, .menu ul a:active in simple mode

Add your custom script for the button in the Extra CSS Attributes textbox and change the color field to change the link color.