MyBB Community Forums

Hi,
I would like to have someone make me a code to know how to add the little key image to my nav link like where it has the Magnifine glass next to the search link. I need to have the rule keys next to my rule link. My link code is
<a href="{$mybb->settings['bburl']}/misc.php?action=rules">Rules</a>
Can you guys add in the code to where i'd add the keys. When i installed ForumRules i added the rules.gif image to the Images >Toplinks folder in my server. I hope you guys understand what i'm trying to say. Thanks

<img src="images/toplinks/rules.gif"><a href="{$mybb->settings['bburl']}/misc.php?action=rules">Rules</a>

Is that what you mean?

<a href="{$mybb->settings['bburl']}/misc.php?action=rules"><img src="{$mybb->settings['bburl']}/images/toplinks/rules.gif" alt="Rules" /> Rules</a> 

Thanks guys thats what I was looking for. But,

Fusion:
Fusion the keys are to spread apart from the word and that its not alined with the other images like the search calender etc its a bit to upward (centered) than lowered to align the other images.

AJS:
AJS yours is about perfect but my concern is how the keys are still to centered and are not lowed to fix the other images alignment. ALSO, my other main concern is that how i scroll over to the word the keys are underlined as well.

URL?

What do you mean URL? I'll post an image of what it looks like with Fusions code in.

What do u think he means ?

We know what you mean without seeing the image. Providing ur url will allow someone to view your website source code to try and fix the problem.

Add this to your themes global.css:

.upper_panel a.rules {
	background: url(images/toplinks/rules.gif) no-repeat;
}

Then use this in the template:

<a href="{$mybb->settings['bburl']}/misc.php?action=rules" class="rules">Rules</a>

.upper_panel a.rules {
background: url(images/toplinks/rules.gif) no-repeat;
}

Where do i add that in which section i clicked global.css and then what do i select?

Go to advanced mode and add it after the other .upper_panel classes.