MyBB Community Forums

Tutorial created by myBB Plus

If you wish to change your forum idicators to another file format, follow these simple steps. For the sake of the tutorial I will be changing the idicators to PNG.

Get your three new images, in this instance:

off.png
on.png
offlock.png

Upload these to the relevant folder i.e images/ or images/theme_name/.

Then open jscripts/general.js and find the following lines and replace with the following text:

Find:

	$('mark_read_'+fid).src = $('mark_read_'+fid).src.replace("on.gif", "off.gif");

Replace With:

	$('mark_read_'+fid).src = $('mark_read_'+fid).src.replace("on.png", "off.png");

Then Find:

		if(element.src.match("off.gif") || element.src.match("offlock.gif") || (element.title && element.title == lang.no_new_posts)) return;

Replace With:

		if(element.src.match("off.png") || element.src.match("offlock.png") || (element.title && element.title == lang.no_new_posts)) return;

Save your file and upload to your forums jscripts/ folder.

Template Edit

Then log into your admin CP and load the templates page of the theme you are using and click Index Templates and then index.

Find the forum legend code:

<dl class="forum_legend smalltext">
	<dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
	<dd>{$lang->new_posts}</dd>

	<dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
	<dd>{$lang->no_new_posts}</dd>

	<dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
	<dd>{$lang->forum_locked}</dd>
</dl>

And replace with:

<dl class="forum_legend smalltext">
	<dt><img src="{$theme['imgdir']}/on.png" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
	<dd>{$lang->new_posts}</dd>

	<dt><img src="{$theme['imgdir']}/off.png" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>
	<dd>{$lang->no_new_posts}</dd>

	<dt><img src="{$theme['imgdir']}/offlock.png" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>
	<dd>{$lang->forum_locked}</dd>
</dl>

Wow just what I was looking for a while ago thanks a bunch