Forum Home Enhancements - Forum Icons

Forum Icons is a product that adds an option in the edit/add new forum page to set a forum icon.

To make it work, you will need to make a template modification, I did try to do it with a plugin, but got frustrated trying but failing to make it work.

I promise I will be looking into this so we don't have to edit any template, but in the meantime...

How to Install:


1- Upload the product xml file.
2- Edit forumhome_forumbit_level2_post
Find:

<vb:if condition="$show['forumdescription']"><p class="forumdescription">{vb:raw forum.description}</p></vb:if>

Replace it with:

<vb:if condition="$show['forumdescription']"><p class="forumdescription"><vb:if condition="$forum['iconlocation']"><img src="{vb:raw forum.iconlocation}" alt="{vb:raw forum.title}" style="float: left; margin-right: 4px;" /></vb:if>{vb:raw forum.description}</p>
					<vb:elseif condition="$forum['iconlocation']" /><p class="forumdescription"><img src="{vb:raw forum.iconlocation}" alt="{vb:raw forum.title}" /></p></vb:if>

If you use it, please mark it as installed

[messengermatt]

Originally Posted by messengermatt

I dont have forumhome_forumbit_level2_post in my theme :s how else can i use this ?

Here is the code relating to forumhome_forumbit_level2_post

<li id="forum{vb:raw forum.forumid}" class="forumbit_post L2">
<div class="forumrow table">
<div class="foruminfo td">
<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">
<div class="titleline">
<h2 class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></h2>
<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 class="forumdescription"><vb:if condition="$forum['iconlocation']"><img src="{vb:raw forum.iconlocation}" alt="{vb:raw forum.title}" style="float: left; margin-right: 4px;" /></vb:if>{vb:raw forum.description}</p>
<vb:elseif condition="$forum['iconlocation']" /><p class="forumdescription"><img src="{vb:raw forum.iconlocation}" alt="{vb:raw forum.title}" /></p></vb:if>


<vb:if condition="$vboptions['showmoderatorcolumn'] AND $forum['moderators']">
<div class="moderators">
<h4>{vb:rawphrase moderators}:</h4>
<ol class="commalist">
{vb:raw forum.moderators}
</ol>
</div>
</vb:if>

<vb:if condition="$show['subforums']">
<div class="subforums">
<h4 class="subforumlistlabel">{vb:rawphrase subforums}:</h4>
<ol class="subforumlist commalist">
{vb:raw forum.subforums}
</ol>
</div>
</vb:if>

<vb:if condition="$show['forumsubscription']">
<p class="unsubscribe">
<a href="subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb :raw forum.forumid}" rel="nofollow">{vb:rawphrase unsubscribe_from_this_forum}</a>
</p>
</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="$vboptions['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="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="subscription.php?{vb:raw session.sessionurl}do=addsubscription&amp;f={vb:ra w forum.forumid}" title="{vb:rawphrase subscribe_to_this_forum}">{vb:rawphrase subscribe_to_this_forum}</a></li></vb:if></vb:if>
</ul>
<h4 class="nocss_label">{vb:rawphrase forum_statistics}:</h4>
<ul class="forumstats 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">
<ul class="childsubforum">
{vb:raw childforumbits}

</ul>
</vb:if>
</li>

[SledgeHead]

Originally Posted by House M.D.

Change the width to 80% and see if that solves your issue.

That did the trick. Thanks! Works fantastically and looks great.

Do you know how to add this to subforums? I thought pasting the same code into forumhome_forumbit_level1_post would do the trick, and it was close, but the image path was off a little bit and I wasn't sure which changes needed to be made.

[mfbmike]

Thanks a ton house.

www.digitalsportscene.com

Got them up and running on my site if anyone wants a demo.

[messengermatt]

I'm also looking to add the images to sub forums aswell as main forums

[GreigM]

forumhome_forumbit_level2_nopost I think for sub forums

[movslow]

No dice here.

It only works on the main forums, does not work on sub forums, or sub forums that are links.

I tried modifying the post as described in the post above in regards to getting it to work w/sub forums, but it did not work.

[Extra PC]

nice

how to put the image under forum name like here

www.extra-pc.com/testforum

[movslow]

I was thinking, I'm sure it would be possible, can we have a quick how-to on what is needed to place the icon on the different forums themselves.

(icon here)Title
Forum1
Forum2
Forum3

(icon here)Title2
Forum1
Forum2
Forum3

(icon here)Title3
Forum1
Forum2
Forum3

so on.

Thanks.
:up:

[Spiritvn]

For who want to replace the icon instead of a nearby icon:

Edit the forumhome_forumbit_level2_post template

Find:

<img src="{vb:stylevar imgdir_statusicon}/category_forum_{vb:raw forum.statusicon}.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

Replace:

<vb:if condition="$forum['iconlocation']"><img src="{vb:raw forum.iconlocation}" alt="{vb:raw forum.title}" 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.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" /></vb:if>

The forum without private icon will still display status icon. Do the same for forumhome_forumbit_level1_post for your subforum.

If you have forums without post, do again for nopost template.

#moveslow:

You can find on the forumhome_forumbit_level2_post

<h2 class="forumtitle" >

Then add before:

<vb:if condition="$forum['iconlocation']"><img src="{vb:raw forum.iconlocation}" alt="{vb:raw forum.title}" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}"/></vb:if>

It's better with small icon and you can controll with css by class, .forumicon controls status icon so if you want to place that position, you should change the class, add new class and edit its style.

[dangerin]

Thanks for this mod but i'm not able to change the icons..
i've done all the opeations but now i do nothave any icon in my forum.
there's somene that can give me a decsription more easy for me.
thanks to all