MyBB Community Forums

Hello,

How can I remove the search.gif icon from my custom toplink?

http://imgur.com/9FsROBN

My code i'm using is..

<li><a href="{$mybb->settings['bburl']}/index.php"><img src="images/star.png" alt="" />&nbsp;Rules</a></li>

Link to your forum?

You might have to remove it from your theme's CSS.

try like this....

<li><a href="{$mybb->settings['bburl']}/index.php" style="background:none;"><img src="images/star.png" alt="" />&nbsp;Rules</a></li>

EDIT: The reason why it shows search icon is, all those menu links take the icons from a single sprite image, whose indivisual position is defined in css: http://community.mybb.com/thread-166568.html

Hey mmadhankumar,

Thanks a lot. The search icon is now gone.
But I noticed a new problem.

http://imgur.com/g4kVrPt

- There is a big space between the rules and help toplink.
Any ideas how I can get rid of this. `?

hmmm... try adding a margin and check...

<li><a href="{$mybb->settings['bburl']}/index.php" style="background:none; margin-left:-16px;"><img src="images/star.png" alt="" />&nbsp;Rules</a></li>

Note: you might have to hard refresh (Ctrl+F5) to see the change

What is a margin?

Sorry guys, but I dislike the way you try to do that.

I think the best solution (personnal idea) is to create a CSS class for this link and just attribute it to the link:

/** CSS **/
#logo ul.top_links a.rules {
   background:url(../../../images/star.png) no-repeat;
   display:inline-block;
   padding-left:20px;
}

<!-- link -->
<li><a href="{$mybb->settings['bburl']}/index.php" class="rules">Rules</a></li>

It is just "better" (imho) because it's done with the same logical than the original theme and templates.

Hello Crazycat,

I have now tried this too, but your method is adding the search.gif icon automatic as before.

Seems to be a cache trouble, I got your two "rules" link perfectly, see attachment
[attachment=33940]