MyBB Community Forums

Full Version: Change Image in header links?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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 >  
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)
(2014-11-30, 09:53 AM).m. Wrote: [ -> ]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?
[Image: MByQ1Bf.png]
Still has the same icon as the search one?
^ 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" />
(2014-11-30, 10:29 AM).m. Wrote: [ -> ]^ 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 Smile
<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.
(2014-11-30, 10:33 AM)rzerox Wrote: [ -> ]
(2014-11-30, 10:29 AM).m. Wrote: [ -> ]^ 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 Smile

<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/
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.)