Forum Home Enhancements - Forum Category Icons (Advanced)

This is a hack that will add icons to your forum categories on the forum home page.

History: I was the originator of this hack back in the vBulletin 1.x days and continued this in vb 3.7.x. I have had numerous requests to port this to vb 4.x.x so here you are.

Please click install if you want support for this mod and to encourage me to continue adding features!

Enjoy!

You can find nice icons here, here and here.

Thanks to LatinoCheats for this link.

Changelogs:

1.2.0:

• * Option to change icon location i.e. After Status Icon, Under Forum Title or Replace Status Icon.
  * Now contains a dropdown listing your icons in the folder so you just select and save.
  * Displays icon in forum manager when editing a forum that contains an icon.
  * Change icon width and height so you need to only upload one size icon.
  * Set icon position so you can center the icon when using smaller icons.
  * Dropdown of transparency settings for icons used to replace status icons when indicating "Old Posts".
  * Allows you to mark forum/subforum as read.
  * Now shows locked icons (lock icon added to download and this overlays the status icons when indicating a locked forum).

1.2.1:

• * Now works for Mark Forum/SubForum as read!

1.2.2:

• * Fixed: template bug.
  * Added: Now shows locked icons (lock icon added to download and this overlays the status icons when indicating a locked forum.)

1.2.3:

• * Added: Automatic Template Edits!
  * Added: Only jpg, gif and png icons allowed. (extensions checked in forum edit).
  * Fixed: Mark Forum Read for specific forum/subforum.
  * Fixed: Now shows non-transparent status icon when "Show Locks" is enabled.

1.2.4:

• * Fixed: Users Viewing. (This is working on a default vb style, others styles may have issues)
  * Fixed: Mark Read should now be fixed, working fine on my end.
  * Fixed: Icon not appearing when "Forum Description" disabled.

2.0.0

• * Icon size can be set either globally or set per forum, setting is in vb options.
  * When selecting an icon in forum manager the selected icon now shows to the right of the dropdown so you can see what you are selecting.
  * If your upgrading from 1.2.4 and had to do manual template edits then you will need to revert the templates and redo the edits.

Upgrades: For those upgrading just make sure when you import the product you select "Allow Overwrite". You will also need to revert your templates (only for users of version 1.2.2 or earlier) and then follow the instructions as outlined in the install.html file.

Note: Before you ask, yes this works with all browsers. (Tested on FF, IE8, IE7, Chrome, Safari and Opera)

IMPORTANT! If you use the "Auto Template" feature of this mod and it doesn't work then you MUST do the manual template edits outlined in the install.html. This plugin was created using a default vbulletin style.

If you like this mod than please nominate for "MOTM".

Donations are gladly accepted!

[DeadApe]

Hey I've noticed that the mod doesn't recognize .png files? Is there something I've done wrong?

[DeadApe]

NVM, it just doesn't recognize files with a space in the filename.

[danycutu1]

is there anyone knowing how to use this mod and Elegant Forum description on mouseover [as Xenforo] - vBSocial.com in the same time? i have your mod installed for a while and works like a charm on vb 4.2. i asked in the other thread but no real help. maybe someone here is able to help and give some nice and clear advise. PS: i use this mod as replacing the old forum icons...

[evilanimation]

So i have the mod working for my sub forums but i can not add an icon to the main forum? Am I doing something incorrect? any help would be appreciated.

[evilanimation]

So when I created a new forum it asked me but if i try to edit it the option is not available as it is when i edit the sub forums.

[onespot]

Hey All,
So I wanted to use this but when you had a Category > Category > Subforum layout the images would not properly showup (actually they wouldn't at all).

There was a post on "how to fix it" but then my problem was that the images were not correctly displaying.

I spent 3-4 hours fixing it (should have been easy but hey im not coder) so if anyone needs - just update your forumhome_forumbit_level1_post template and have it look like this. Should work for default template - I had to go in and copy the code from his XML to figure it out.

It would be nice if you could add this in so subforums would properly work out of the box.

<li id="forum{vb:raw forum.forumid}" class="forumbit_post {vb:raw forum.statusicon} L1">
<vb:if condition="THIS_SCRIPT != 'forumdisplay'">
		<div class="forumhead L1">
			<h2>
				<span class="forumtitle">&nbsp;</span>
				<span class="forumthreadpost">{vb:rawphrase threads_posts}&nbsp;</span>
				<span class="forumlastpost">{vb:rawphrase last_post}</span>
			</h2>
		</div>
</vb:if>
<div class="forumbit_post L2">
	<div class="forumrow">
		<div class="foruminfo">
<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}" alt="" />
			<div class="forumdata">
				<div class="datacontainer">
					<vb:if condition="$vbulletin->options['forumiconimg_enabled'] && $forum['forumiconimg'] && $vbulletin->options['forumiconimg_location'] != '1'">
						<vb:if condition="$vbulletin->options['forumiconimg_location'] == '0'">
						<!-- category icon after status icon -->
						<img src="images/{vb:raw vboptions.forumiconimg_folder}/{vb:raw forum.forumiconimg}" style="float:left; display:inline-block;" alt="" border="0" />
						<vb:else />
						<!-- replace status icon with category icon -->
						<img src="images/{vb:raw vboptions.forumiconimg_folder}/{vb:raw forum.forumiconimg}" style="float:left; display:inline-block; top:{vb:raw vboptions.forumiconimg_top} {vb:raw vboptions.forumiconimg_size}" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="{vb:raw forum.title}" <vb:if condition="$vbulletin->options['forumiconimg_status'] && $forum['statusicon'] == 'old'">style="opacity:0.5; -moz-opacity:.50; -ms-filter:?alpha(opacity=50)?; filter:alpha(opacity=50);"</vb:if> />
						</vb:if>
					<vb:else />
						<!-- do nothing -->
						<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}" alt="" />
					</vb:if>
					<div class="titleline">
						<a href="{vb:link forum, {vb:raw forum}}" style="font-size:13px; font-weight:bold;">{vb:raw forum.title}</a>
						<vb:if condition="$show['browsers']"><span class="viewing">({vb:raw forum.browsers} {vb:rawphrase viewing})</span></vb:if>
					</div>
					<vb:if condition="$show['forumdescription']"><p>{vb:raw forum.description}</p></vb:if>
					<vb:if condition="$vboptions['showmoderatorcolumn'] AND $forum['moderators']">
						<div class="moderators">
							<h4>{vb:rawphrase moderators}:</h4>
							<ol class="commalist">
								<vb:each from="forum.moderators" value="row">
									<li><a class="username" href="{vb:link member, {vb:raw row}}">{vb:raw row.musername}</a>{vb:raw row.comma}</li>
								</vb:each>
							</ol>
						</div>
					</vb:if>
					<vb:if condition="$show['subforums']">
						{vb:raw forum.subforums}
					</vb:if>
				</div>
			</div>
		</div>
		<vb:if condition="$forum['statusicon'] != 'link'">
			<h4 class="nocss_label">{vb:rawphrase forum_actions}:</h4>
			<ul class="forumactionlinks td">
			<vb:if condition="$forum['allowposting']">
				<vb:if condition="$show['externalrss']">
					<li class="forumactionlink rsslink"><a href="external.php?{vb:raw session.sessionurl}type=RSS2&amp;forumids={vb:raw forum.forumid}" title="{vb:rawphrase view_forum_rss_feed}">{vb:rawphrase view_forum_rss_feed}</a></li>
				</vb:if>
				<vb:if condition="$show['member']">
					<vb:if condition="$show['forumsubscription']">
						<li class="forumactionlink unsubslink"> <a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb:raw forum.forumid}" title="{vb:rawphrase unsubscribe_from_this_forum}">{vb:rawphrase unsubscribe_from_this_forum}</a></li>
					<vb:else />
						<li class="forumactionlink subslink"> <a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}subscription.php?{vb:raw session.sessionurl}do=addsubscription&amp;f={vb:raw forum.forumid}" title="{vb:rawphrase subscribe_to_this_forum}">{vb:rawphrase subscribe_to_this_forum}</a></li>
					</vb:if>
				</vb:if>
			</vb:if>
			</ul>
			<h4 class="nocss_label">{vb:rawphrase forum_statistics}:</h4>
			<ul class="forumstats_2 td">
				<li>{vb:rawphrase threads}: {vb:raw forum.threadcount}</li>
				<li>{vb:rawphrase posts}: {vb:raw forum.replycount}</li>
			</ul>
			<div class="forumlastpost td">
				<h4 class="lastpostlabel">{vb:rawphrase last_post}:</h4>
				<div>
					{vb:raw forum.lastpostinfo}
				</div>
			</div>
		</vb:if>
	</div>
	<vb:if condition="$childforumbits">
		<ol id="childforum_for_{vb:raw forum.forumid}" class="childsubforum">
			{vb:raw childforumbits}
		</ol>
	</vb:if>
</div>
</li>

[EliasAlucard]

Marked as installed, nominated and voted five damn stars. This should be core functionality of vBulletin. The current system with multiple images in statusicon, is completely retarded. Excellent plugin(!), Dark_Wizard.

[Jpolola]

Thank you, No issue at vb4.2.0 PL3 great mod!

[Lacryma]

Hello, i have this errors when i edit the forum in admincp

PHP Code:

Warning: asort() expects parameter 1 to be array, null given in [path]/admincp/forum.php(248) : eval()'d code on line 20 


PHP Code:

Warning: Invalid argument supplied for foreach() in [path]/admincp/forum.php(248) : eval()'d code on line 21 


[DeadApe]

Is there anyway to have a different category image folder for each style?

I don't know much about coding but I feel like its possible to do this. The css code points to the folder you've typed in (in Forum category Settings.) So you should be able to replace that line in the postbit template so that instead of pointing there, it points to a different folder. This way you can edit the postbit template on each one of your styles.

Can anybody help me out with this? It would be extremely useful.