MyBB Community Forums

Full Version: Making Forum New/No New post icons PNG's
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Hi,

I am looking for a way to make the 'New' and 'No New' post icons listed in the index page PNG's instead of GIF's. I have looked through the templates and can not find which template the on.gif and the off.gif images are.

Are they with in a template? Can I change them to PNG images?

Thanks,
- Rich -
I am just now trying to figure this out because this is needed for me as well. My issue is exactly as above.
The images are in forumbit_depth2_forum. Something like:
<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif"
(2013-07-28, 03:01 AM)Destroy666 Wrote: [ -> ]The images are in forumbit_depth2_forum. Something like:
<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif"

I saw that but I need to change the link to the image because it's originally on.gif and I made my own image and need to rename it in the template to VE_on.png
Hi,

<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif"

I think Destroy666 is suggesting keeping the same name for the image and changing the extention. So placing a new image with the name 'on.png' and changing the 'gif' in the above code to 'png'.

I think? Big Grin
- Rich -

Hi,

That actually works but I will have to do it for all the forum levels. Let me see what changes need to be made so they appear in sub forums and alike. I will post the changes here. Smile

- Rich -
(2013-07-28, 03:17 AM)Vidiot_X Wrote: [ -> ]Hi,

<img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif"

I think Destroy666 is suggesting keeping the same name for the image and changing the extention. So placing a new image with the name 'on.png' and changing the 'gif' in the above code to 'png'.

I think? Big Grin
- Rich -

Hi,

That actually works but I will have to do it for all the forum levels. Let me see what changes need to be made so they appear in sub forums and alike. I will post the changes here. Smile

- Rich -

Oh okay, that make sense. Thanks!

How do you change the icons on the bottom?
http://gyazo.com/5c496c1b3414fe1d52fff293d130338c
Hi,

So here is what you need to do. Upload your new 'on.png', 'off.png' and 'offlock.png' into your themes image folder. Then change the following code in these templates.

In forumbit_depth2_cat change 'gif' to 'png' in this line:
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

In forumbit_depth2_forum change 'gif' to 'png' in this line:
<td class="{$bgcolor}" align="center" valign="middle" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>

In index change 'gif' to 'png' these lines of code:
		<td class="trow1" align="center" valign="middle"><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}"/></td>
		<td class="trow1" align="center" valign="middle"><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}"/></td>
		<td class="trow1" align="center" valign="middle"><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" /></td>

Works well for me and the PNG images are so much nicer to looks at. Smile I have included some images of what it looks like (proof that it works) on the main index pages, legend and sub-forums.


- Rich -
^ though above edits are perfect,
the simple method is to rename the files. that is, change the extension of the files from .png to .gif
Hi,

The problem with GIF's is they are not good for alpha channel / transparency so display pretty ugly as opposed to PNG's Wink

- Rich -
^ suggestion is to replace the gif files with the png files but rename them with gif extension! (no need of templates edits)
Pages: 1 2