Back to vBulletin 4 Articles

Use Different Image Types for Status Icons
by crazyace 04 Feb 2010

Today I found out that adding two different types of statusicons can be confusing. I had some new status icons made and also had an animated one made also.

Here are the list of files that I was using.

forum_old-48.png
forum_new-48_animated.gif
forum_new-48.png ( just in case animated didn't work )

To get started follow this path from your admin panel:

Styles & Templates > Search in Templates

Using the search box at the top, search your templates for:

Code:
-48.png
You should get the following list:
  • search.css
  • forumhome_forumbit_level1_post
  • forumhome_forumbit_level2_post
  • forumhome_subforumbit_post

You will only need to make edits to forumbit_level1 and level2.

Double click on forumhome_forumbit_level1_post to get started.

You will need to search for
Code:
<img src=[/COLOR]"{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />
Now that you have found the code you will need to replace it with this code:

Code:
<vb:if condition="$forum['statusicon'] == old"><img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" <vb:else />
<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48_animated.gif" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}"</vb:if>

Scroll over in the code and you will notice in RED the animated file name that I used. Make sure to replace this with what ever your file name is.

Now click on save and repeat the steps above for level2.

Now go and check your forum to see the changes.

**I would also like to thank Lynne for part of the code that I used for this!**

Similar Mods

Mini Mods Collapse Statusicons v2.0 vBulletin 3.6 Template Modifications

vblts.ru supports vBulletin®, 2022-2024