Change Image in header links?

[RZeroX]

I'm using the default mybb theme but when I add another headerlink it comes up with the image used for search
I've tried this code but it didn't work

<li ><a href="{$mybb->settings['bburl']}/upgrade.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/upgrade.png" alt="" title="Upgrade" />{$lang->toplinks_upgrade}</a ></li >  

[.m.]

you can change <a href="{$mybb->settings['bburl']}/upgrade.php"> to below

<a class="upgrade" href="{$mybb->settings['bburl']}/upgrade.php">

and add li .upgrade {background: none!important;} in the global.css (edit through admin panel, in advanced mode)

(edited)

[RZeroX]

you can change <a href="{$mybb->settings['bburl']}/upgrade.php"> to below

<a class="upgrade" href="{$mybb->settings['bburl']}/upgrade.php">

and add li .upgrade {background: none!important;} in the global.css (edit through admin panel, in advanced mode)

(edited)

Added it to the bottom of the global.css but it is not looking any different?

Still has the same icon as the search one?

[.m.]

^ have you hard refreshed your browser (eg. press CTRL + F5) after saving the style sheet
search icon is not visible for me (link)

Edit: And also below code needs to be changed for MyBB 1.8.x

<img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/upgrade.png" alt="" title="Upgrade" />

it should be

<img src="{$theme['imgdir']}/upgrade.png" alt="" title="Upgrade" />

[RZeroX]

^ have you hard refreshed your browser (eg. press CTRL + F5) after saving the style sheet
search icon is not visible for me (link)

This seemed to work

<li ><a class="upgrade" href="{$mybb->settings['bburl']}/upgrade.php"><img src="{$theme['imgdir']}/upgrade.png" alt="" title="Upgrade" /> {$lang->toplinks_upgrade}</a ></li >

Also do you know a good place to find icons?

I seem to have made quite a bit gap between the upgrade and help.

[Sazze]

^ have you hard refreshed your browser (eg. press CTRL + F5) after saving the style sheet
search icon is not visible for me (link)

This seemed to work

<li ><a class="upgrade" href="{$mybb->settings['bburl']}/upgrade.php"><img src="{$theme['imgdir']}/upgrade.png" alt="" title="Upgrade" /> {$lang->toplinks_upgrade}</a ></li >

Also do you know a good place to find icons?

I seem to have made quite a bit gap between the upgrade and help.

http://iconarchive.com/ or http://www.iconfinder.com/

[.m.]

with the present link method, you can add below style rules to global.css and hard refresh your browser to check

li .upgrade [src*="upgrade.png"] 
  {background: skyblue;
   vertical-align: top;
  padding: 2px 0;
  width: 15%!important;}
  li .upgrade {position: relative; left: -25px!important;}

you can find many free icons all over the net (eg.)