Adding another link?

[tizdaz]

Hi guys

How do i add another link with an icon at the top of my forum next to the others (where Search/Member List & Calendar etc) is?

heres my board & i want the new link to go inbetween gallery & Member list

Also if you look at my page, the Gallery icon is sitting a little high compared to the other icons? how do i make it level so its same level as the others as it looks odd! ?

[Vocaloid]

1. Go to Templates & Style>Templates>WhateverTemplateSetYou'reUsing>Header Templates>Header

2. Find the following:

<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>

3. Depending on where you want the link, paste the following into the list above.

<li><a href="YOU'RE LINK HERE"><img src="{$theme['imgdir']}/toplinks/YOU'RE IMAGES HERE" alt="" title="" />NAME HERE{$lang->toplinks_NAME_HERE}</a></li>

4. Save the template, and you're done.

[tizdaz]

thanks will try it tonight when im home from work, ta

---

jus tried it, it dint work, it added link but also put a black bar underneath & made the menu go out of place :s ?

heres the code for the others thats already there:

<ul class="menu top_links">							<li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li><li><a href="{$mybb->settings['bburl']}/ezgallery.php"><img src="{$mybb->settings['bburl']}/images/icons/photo.gif" alt="" title="" />{$lang->ezgallery_menu}</a></li>							<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a></li>							<li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>

[Alan S.]

Can you provide a link to your forum so we can see what's wrong?

[tizdaz]

here you go:

http://www.northwestoffroadrcclub.co.uk/forum/index.php

just had another pop at it but still same prob

heres current code i entered:

<li><a href="www.test.com"><img src="{$theme['imgdir']}/images/icons/photo.gif" alt="" title="" />test{$lang->toplinks_test}</a></li>

---

ah haa, oki think ive sussed it, but theres a big gap beteen each link, how do i lessen the space between the links :s ?

[Alan S.]

Use this instead:

<li><a href="http://www.test.com" class="newlink">test</a></li>

And add this to global.css:

#panel .upper ul.top_links a.newlink {
	background-image: url(images/1/icons/search.gif);
}

[tizdaz]

will give it ago & let you know, ta

---

ermm, where abouts in global.css?

[MarkW7]

Try giving this a go:

http://mcompute.co.uk/showthread.php?tid=382

It's a full step, by step tutorial written by myself.

[tizdaz]

im half way through other one now lol, just not sure where to add the global.css bit

---

top stuff guys, think ive dun it, ta a million

[MarkW7]

You can add it anywhere in the global.css file, it's just css code. (Relating to AJS's post)