Forum Display Enhancements - User Avatars In Thread Listing

Download vB 3.8.x Compatible Version Here

What does this plugin do?

This plugin add user avatars to the thread listing in forum display page. See the sceenshot for sample.



How to Install the plugin?

This plugin requires you edit vBulletin templates.

Import the xml file from the product manager..

Edit the threadbit template.

Find

<vb:if condition="$show['threadicon']">

And add the following just above it.

<a href="{vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}"><img height="32px" width="32px" style="float:left;margin-right:4px" src="{vb:raw thread.avatarurl}" border="0" /></a>

Find

<dt>{vb:rawphrase last_post_by}</dt>

Please note: Some custom templates have the above code as

<dt class="lastpostby hidden">{vb:rawphrase last_post_by}</dt>

And add the following just above it.

<a href="{vb:link member, {vb:raw thread}, null, 'lastposterid', 'lastposter'}"><img height="32px" width="32px" style="float:left;margin-right:4px" src="{vb:raw thread.lastposteravatarurl}" border="0" /></a>

Edit forumhome_forumbit_level1_post and forumhome_forumbit_level2_post templates as follows.

Find

{vb:raw forum.lastpostinfo}

And add the following code just above it.

<a href="{vb:link member, {vb:raw forum}, null, 'real_lastposterid', 'real_lastposter'}"><img height="48px" width="48px" style="float:left;margin-right:4px" src="{vb:raw forum.avatarurl}" border="0" /></a>

Edit search_threadbit

Find the first occurrence of

<div class="inner">

And add after that

<a href="{vb:link member, {vb:raw thread}, null, 'postuserid', 'postusername'}"><img height="32px" width="32px" style="float:left;margin:7px 4px 0 0" src="{vb:raw thread.avatarurl}" border="0" /></a>

Then again find

<dl class="threadlastpost td">

And add after that

<a href="{vb:link member, {vb:raw thread}, null, 'lastposterid', 'lastposter'}"><img height="32px" width="32px" style="float:left;margin-right:4px" src="{vb:raw thread.lastposteravatarurl}" border="0" /></a>

Edit search_results_postbit

Find

<div class="contact">

And add after that

<a href="{vb:link member, {vb:raw post}, null, 'userid', 'username'}"><img height="32px" width="32px" style="float:left;margin-left:4px" src="{vb:raw post.avatarurl}" border="0" /></a>

Upgrading Instructions

If you are upgrading the plugin, just import the new plugin file and overwrite the existing plugins. Once done make the necessary edits to the search templates.

Credits

1. Last poster's avatar idea by James from VirtueScience

Support

This plugin is supported, so you can post your issues and queries either on my blog or in comments below.

If you would like to Optimize your vBulletin for Less Server Load & Better User Experience, read this post on Optimizing vBulletin

History

Updated 21st August

1. Added support for avatars in search results.
2. Fixed bug for thread started by guests.

Updated 18th August

1. Avatar of sub forums last post bug fixed.

Updated 17th August

1. Added Support for avatars in forumhome
2. Avatars linked to member urls

Enjoy!!!

[COL NIL SATIS]

this looks brilliant

[Jarred_CK]

Excellent Mod...Just Wanted 2 Show Some Love 4 Your Excellent Work...Will be voting 4 best Mod...

[shabbirbhimani]

Originally Posted by Jarred_CK

Excellent Mod...Just Wanted 2 Show Some Love 4 Your Excellent Work...Will be voting 4 best Mod...

Thanks for the appreciation and vote.

[steve71]

<div class="contact">

I can only find the above snippet of code in the postbit template but not in the search_results_postbit template as instructed. I have just omitted this (last) step and everything is working fine. Is this ok?

[shabbirbhimani]

Originally Posted by steve71

<div class="contact">

I can only find the above snippet of code in the postbit template but not in the search_results_postbit template as instructed. I have just omitted this (last) step and everything is working fine. Is this ok?

Check the default version of the template and see if it has been edited before.

[steve71]

This is the default version of the search_results_postbit (vbulletin 4.0.3)
There is no <div class="contact">

<li class="imodselector threadbit" id="post_{vb:raw post.postid}">
<div class="nonsticky">
<div class="threadinfo post">
<!-- status icon block -->
<a class="threadstatus"></a>

<!-- title / author block -->
<div class="inner">
<h3 class="searchtitle">
{vb:raw post.typeprefix} {vb:raw post.prefix_rich} <a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" title="{vb:var post.pagetext}"><strong>{vb:raw post.threadtitle}</strong></a>
</h3>

<div class="threadmeta">
<div class="author">
<vb:if condition="$post['userid']">
{vb:rawphrase posted_by_x_y_z_a, {vb:link member, {vb:raw post}, null, 'userid', 'username'}, {vb:raw post.username}, {vb:raw post.postdate}, {vb:raw post.posttime}}
<vb:else />
{vb:rawphrase posted_by_x_y_z_guest, {vb:raw post.username}, {vb:raw post.postdate}, {vb:raw post.posttime}}
</vb:if>

<vb:if condition="$show['moderated']"><span class="moderated shade">{vb:rawphrase this_message_is_moderated}</span></vb:if>
<vb:if condition="$show['deleted']">
<span class="moderated shade">
{vb:rawphrase {vb:raw post.del_phrase}, {vb:link member, {vb:raw post}, null, 'del_userid', 'del_username'}, {vb:raw post.del_username}}
<vb:if condition="$post['del_reason']">
{vb:rawphrase reason_for_deletion}: <em>{vb:raw post.del_reason}</em>
</vb:if>
</span>
</vb:if>
</div>
</div>

</div>
</div>
<!-- threadstats -->
<ul class="threadstats td alt">
<li class="stats">{vb:rawphrase replies}: {vb:raw post.replycount}</li>
<li class="stats">{vb:rawphrase views}: {vb:raw post.views}</li>
</ul>
<!-- lastpost -->
<dl class="threadlastpost td">
<dt class="lastpostby hidden">{vb:rawphrase last_post_by}:</dt>
<dd>{vb:rawphrase last_post}: <em class="time">{vb:raw lastpostdate}&nbsp;{vb:raw lastpostdatetime}</em></dd>
<dd>
<vb:if condition="$threadinfo['lastposterid']">
{vb:rawphrase by_x, {vb:link member, {vb:raw threadinfo}, null, 'lastposterid', 'lastposter'}, {vb:raw threadinfo.lastposter}}
<vb:else />
{vb:rawphrase by_x_guest , {vb:raw threadinfo.lastposter}}
</vb:if>
&nbsp;<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_lastpost}, 'threadid', 'threadtitle'}#post{vb:raw threadinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
</dd>
</dl>

<div class="threadpostedin td alt">
<p>
{vb:rawphrase forum}:<br /><a href="{vb:link forum, {vb:raw post}, null, 'forumid', 'forumtitle'}" title="{vb:raw post.forumtitleclean}">{vb:raw post.forumtitle}</a>
</p>
</div>

<vb:if condition="$show['inlinemod']">
<!-- fourth block -->
<label class="threadimod">
<input type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="imodcheck[{vb:raw post.postid}]" />
</label>
</vb:if>

</div>
</li>

[shabbirbhimani]

Probably <div class="contact"> is added in 4.1.3 and if you want to show the avatars in search results bit you need to add the code at some location at least.

[steve71]

Originally Posted by shabbirbhimani

Probably <div class="contact"> is added in 4.1.3 and if you want to show the avatars in search results bit you need to add the code at some location at least.

Ya but the avatars are showing in the search results...both for the quick/advanced search and on the new posts/today's posts page. I'm not sure what affect omitting that edit has in this case if any...

?

[Pvtiste]

Excellent work! thans for sharing
Can you do the same thing for the PM?

[apn3a]

Can you share the code with us or you prefer it to have it unique?

Originally Posted by Mark.B

That's my site - it's done with some jQuery, same piece that does the forum description hover tooltip addon someone posted recently. You could use this hack to generate the avatar.

Though I should add, it shouldn't be pink. I have no idea why it has appeared pink for you....