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

[FReeSTER]

This is by far one of those little mods that makes your forum looks better

[Erica1977]

Originally Posted by nCODE

Its not the problem with the code, its the problem with your template, and nice change will do the trick

anyways, here's something from me:
for a nice border, you have to do the following

[NOTE: You can only use this if you have upgraded to the newer version: 1.01]

Go to: AdminCP --> Styles & Templates --> The "<<>>" button of your template
select Additional.css from CSS Templates and add this at the very bottom:

/**
* Avatar border by nCODE
*/
a.aw-avatar 
{ 
    *cursor: pointer; /* IE7 refuses to do this */ 
} 

.aw-avatar img,
.aw-avatar .img,
.aw-avatarCropper
{
    background-color: rgb(252, 252, 255);
padding: 2px;
border: 1px solid #a5cae4;
border-radius: 4px; -webkit-border-radius:  4px; -moz-border-radius:  4px; -khtml-border-radius:  4px;

}


    .aw-avatar .img
    {
        display: block;
        background-repeat: no-repeat;
        background-position: 2px 2px;
        text-indent: 1000px;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
    }

    .aw-avatar .img { width: 32px;  height: 32px;  }

then you have to edit the threadbit template:
find:

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

replace with:

<a class="aw-avatar" 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:

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

replace with:

<a class="aw-avatar" 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:

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

Replace with:

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

Thanks to shabbirbhimani for making this Mod and would like to Thanks nCODE for his amazing code here as well as i am using it here's 2 pictures how it looks with your code nCODE Thanks! :up:

Attachment 132048

Attachment 132049

[duketxboy]

Wow sweet wanted this for awhile took less than 5minutes to install thanks....

[Erica1977]

Originally Posted by BaanFarsang

At FORUMHOME, invalid link when click on avatar of last thread from any sub-forum.

Well i found a bug on main forum from any sub section, ok first the pictures i am showing you has the wrong avatar the ones with the arrows just the second arrow on bottom of first pic is correct reason why i pointed out the arrow on the second arrow thats pointing to a avatar that avatar is correct is cause the post above it should also have that same avatar as you can see it has the unknown avatar and when you click on any avatar from main forum sub will take you to this page on the second picture so please test it you will see what i am talking about hope this glitch gets fixed soon.

Attachment 132052

Attachment 132053

[Erica1977]

Heres 2 more pictures this one when you click on a user that exist and has the right avatar which he has unknown one cause havent added one for himself takes you the hostgator page look at the second picture thats where it takes you.
Attachment 132054

Attachment 132055

[nCODE]

I am glad that people like my first ever contribution to vBulletin

and YES, a nice round corner looks really cool

[Erica1977]

Originally Posted by nCODE

I am glad that people like my first ever contribution to vBulletin

and YES, a nice round corner looks really cool

Got Any idea on how to fix those glitches i posted it.

[shabbirbhimani]

Originally Posted by ijob

Hi,

Some of my users have their avatar missing on forum home.....including my own avatar, which is missing too. Everyone elses are fine


and those that are missing, link to someone elses profile....

*edit* will disable this for now. Keep up the good work!

Can you share some more so I can look into it. Are you using the avatar for your own URL or is it the profile picture?

Originally Posted by nCODE

Hey shabbirbhimani, can you do one for vB 3.7 or 3.8?

Yes I am in process of doing the same.

Originally Posted by reddyink

Good work! Would like to know how is this different from this MOD
https://vborg.vbsupport.ru/showthread.php?t=240021

Many have already said things about it but I would say it is more of an extension to that plugin but I did not find that plugin when searching for getting things done so had to actually re-invent the wheel.

Originally Posted by Erica1977

Got Any idea on how to fix those glitches i posted it.

I am working on it and so expect a solution soon.

[shabbirbhimani]

The issue with sub forums is now solved. Update Instructions is as follows.

Install the new version and make the following changes to the template.

Edit forumhome_forumbit_level1_post and forumhome_forumbit_level2_post templates as follows.

You had the following

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

Now change to following

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

You had the link to lastposter/lastposterid and now it should be changed to real_lastposter and real_lastposterid.

[Erica1977]

Originally Posted by shabbirbhimani

The issue with sub forums is now solved. Update Instructions is as follows.

Install the new version and make the following changes to the template.

Edit forumhome_forumbit_level1_post and forumhome_forumbit_level2_post templates as follows.

You had the following

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

Now change to following

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

You had the link to lastposter/lastposterid and now it should be changed to real_lastposter and real_lastposterid.

read your pm please still not working now any avatar last post and all avatars on main forum will take you the the picture where this user has not register in sub and the ones in main forum thats not sub as well.