MyBB Community Forums

Full Version: How to add a new icon?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
There's

[Image: search.gif]Search [Image: memberlist.gif]Member list [Image: calendar.gif] Calendar and [Image: help.gif] Help but I want to make an icon for my donate page, can someone please explain how to do this? Undecided
ACP -> Templates and styles -> templates -><template set that is used by your current theme> ->Header templates -> header and the find following code

Quote:<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>

and inside in <ul> tag add <li><a href="link to your donation page"><img src="path to your img file" alt="" title="" />Donate</a></li>

So it will look like :

Quote:<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
<li><a href="link to your donation page"><img src="path to your img file" alt="" title="" />Donate</a></li>
</ul>
</div>
(2011-12-17, 10:53 AM)Johnny S Wrote: [ -> ]ACP -> Templates and styles -> templates -><template set that is used by your current theme> ->Header templates -> header and the find following code

Quote:<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>

and inside in <ul> tag add <li><a href="link to your donation page"><img src="path to your img file" alt="" title="" />Donate</a></li>

So it will look like :

Quote:<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
<li><a href="link to your donation page"><img src="path to your img file" alt="" title="" />Donate</a></li>
</ul>
</div>

Thanks but I tried this

<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
<li><a href="{$mybb->settings['bburl']}/donate.php"><img src="{$theme['imgdir']}/toplinks/donate.gif" alt="" title="" />Donate</a></li>
</ul>
</div>

But I get this icon [Image: donate.gif]

You will need a donation icon for example like this .

Save it on your hard drive and with FTP manager upload it to your toplinks folder and for img source add {$theme['imgdir']}/toplinks/US-dollar.png or if your don't want any upload just add following line in <ul> tag

<li><a href="<link to your donation page>"><img src="http://cdn5.iconfinder.com/data/icons/customicondesign-office6-shadow/16/US-dollar.png alt="" title="" />Donate</a></li>

Or just add this donate2.gif to your image\toplinks and rename it to donate.gif and it should work.
I already have one, and uploaded it to FTP.

But can't find the themes folder Toungue
Sorry i meant toplinks folder in images.
Okay thanks for the help mate Smile