Jump to the post that solved this thread.
Solved: 6 Years, 4 Months, 2 Weeks ago Change Image in header links?
#1
Solved: 6 Years, 4 Months, 2 Weeks ago
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 >  
Reply
#2
Solved: 6 Years, 4 Months, 2 Weeks ago
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)
Reply
#3
Solved: 6 Years, 4 Months, 2 Weeks ago
(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?
Reply
#4
Solved: 6 Years, 4 Months, 2 Weeks ago
^ 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" />
Reply
#5
Solved: 6 Years, 4 Months, 2 Weeks ago
(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.
Reply
#6
Solved: 6 Years, 4 Months, 2 Weeks ago
(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/
Reply
#7
Solved: 6 Years, 4 Months, 2 Weeks ago
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.)
Reply
Jump to the post that solved this thread.


Forum Jump:


Users browsing this thread: 1 Guest(s)