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!!!

[Luis]

Originally Posted by shabbirbhimani

Glad its solved now

not exactly, changing the size, alignment of the last post is incorrect.
any solution?



the problem is that I can manage the space on the right, but not the left!
otherwise, how could I edit the html code in order to keep the data aligned with the title of the last post?

PS: sorry for my english, is horrible, I hope you understand!

[shabbirbhimani]

Originally Posted by c0dehackz

not exactly, changing the size, alignment of the last post is incorrect.
any solution?



the problem is that I can manage the space on the right, but not the left!
otherwise, how could I edit the html code in order to keep the data aligned with the title of the last post?

PS: sorry for my english, is horrible, I hope you understand!

No I couldn't understand.

[Luis]

Originally Posted by shabbirbhimani

No I couldn't understand.

ok this is my solution for everyone.

if someone want to increase the margin right from 4px to xxpx u need follow this edit for fix the lastpost date alignment:

template: forumhome_lastpostby

find:

<div class="lastpostby">
    <vb:if condition="$lastpostinfo['lastposterid']">
        {vb:rawphrase by_x_memberaction, {vb:raw memberaction_dropdown}}
    <vb:else />
        {vb:rawphrase by_x_guest, {vb:raw lastpostinfo.lastposter}}
    </vb:if>
    </div>
    <p class="lastpostdate">{vb:raw lastpostinfo.lastpostdate}<vb:if condition="!$show['detailedtime']">, <span class="time">{vb:raw lastpostinfo.lastposttime}</span></vb:if></p>
<vb:else />
    <span class="lastpostdate">{vb:raw lastpostinfo.lastpostdate} <vb:if condition="!$show['detailedtime']"><span class="time">{vb:raw lastpostinfo.lastposttime}</span></vb:if></span>
    <a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_lastpost}}#post{vb:raw lastpostinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
</vb:if>

add above:

<div style="float: left">

add under:

</div>

result:

[marccap]

Works nicely in 4.2

[Amaury]

The avatars go right up against the threadbit_alt_background on the left (Replies / Views) on search results. How can I nudge them and "Last Post" to the right?

Screenshot Taken: 1/30/2013

[Amaury]

Bump?

[shabbirbhimani]

Originally Posted by Amaury25

The avatars go right up against the threadbit_alt_background on the left (Replies / Views) on search results. How can I nudge them and "Last Post" to the right?

Screenshot Taken: 1/30/2013

I don't see it going into the Replies / Views on your KH MediaFlare Forum

[Amaury]

Originally Posted by shabbirbhimani

I don't see it going into the Replies / Views on your KH MediaFlare Forum

Hope this is better.

See how it goes right up the against the background where Replies / Views is? Where the avatar is, the background is #141414; where Replies / Views is, the background is #0F0F0F.



If you still can't see it, next time there are new posts, I'll take a screenshot on the lite version of that style.

[shabbirbhimani]

Yes please take a screenshot on lighter skin as I am not able to get anything from it.

Try adding a margin to the image and see if it works.

[dizzynation]

Installed, edited templates. Works Great, Thanks!