How do I change the settings in my forum which allow me to use the following images a .png files. At the moment they will only show up on my forum when I save them as .gif
on.gif
off.gif
offlock.gif
The reason I want .png is because it is quicker to save and they are a bit better quality.
So where do I go and what do I do so that the forum will recognize them as a .png when I upload them.[/align]
After you have uploaded the .png images right where the .gif ones were, follow these steps:
Go to Admin CP->Templates & Style->Templates->(your theme templates)->Index Page Templates->index find these lines:
<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>
Replace them 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>
After that, enter in Admin CP->Templates & Style->Templates->(your theme templates)->Forum Bit Templates->forumbit_depth2_cat and find:
<img id="mark_read_{$forum['fid']}" class="ajax_mark_read" title="{$lightbulb['altonoff']}" src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" />
Replace with:
<img id="mark_read_{$forum['fid']}" class="ajax_mark_read" title="{$lightbulb['altonoff']}" src="{$theme['imgdir']}/{$lightbulb['folder']}.png" alt="{$lightbulb['altonoff']}" />
In the end, enter in Admin CP->Templates & Style->Templates->(your theme templates)->Forum Bit Templates->forumbit_depth2_forum and find:
<img id="mark_read_{$forum['fid']}" class="ajax_mark_read" title="{$lightbulb['altonoff']}" src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" />
Replace with:
<img id="mark_read_{$forum['fid']}" class="ajax_mark_read" title="{$lightbulb['altonoff']}" src="{$theme['imgdir']}/{$lightbulb['folder']}.png" alt="{$lightbulb['altonoff']}" />