The Arcive of Official vBulletin Modifications Site.

User Avatars In Thread Listing · **Released**: 08-15-2011

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

HTML Code:

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

And add the following just above it.

HTML Code:

<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

HTML Code:

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

Please note: Some custom templates have the above code as

Code:

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

And add the following just above it.

HTML Code:

<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

HTML Code:

{vb:raw forum.lastpostinfo}

And add the following code just above it.

HTML Code:

<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

HTML Code:

<div class="inner">

And add after that

HTML Code:

<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

HTML Code:

<dl class="threadlastpost td">

And add after that

HTML Code:

<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

HTML Code:

<div class="contact">

And add after that

HTML Code:

<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

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

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

Updated 18th August

Avatar of sub forums last post bug fixed.

Updated 17th August

Added Support for avatars in forumhome
Avatars linked to member urls

Enjoy!!!

FReeSTER · #22 08-17-2011, 05:29 AM

Quote:

Originally Posted by shabbirbhimani

Will soon update to have it on Search results page as well. Stay tuned and will update you when done.

nice bro, wooohoooo

FReeSTER · #23 08-17-2011, 05:38 AM

Quote:

Originally Posted by nCODE

Just a heads up... you should probably wanna change a part of your instruction:

Code:

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

to this:

Code:

{vb:rawphrase last_post_by}</dt>

because in custom themes, there's some more coding after

Code:

<dt

like class and stuff

For custom themes it will go like this

On Threadbit
Above

PHP Code:


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

add

PHP Code:


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

BaanFarsang · #24 08-17-2011, 05:40 AM

There are show span code when point mouse to username.

nCODE · #25 08-17-2011, 05:42 AM

Quote:

Originally Posted by BaanFarsang

There are show span code when point mouse to username.

where did you exactly placed the cursor?

BaanFarsang · #26 08-17-2011, 05:45 AM

Quote:

Originally Posted by nCODE

where did you exactly placed the cursor?

on username.

BaanFarsang · #27 08-17-2011, 06:00 AM

I suggest that not show avatar on FORUMHOME when last thread of sub-forum was post.

nCODE · #28 08-17-2011, 06:23 AM

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:

Code:

/**
* 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;
    }

then you have to edit the threadbit template:
find:

Code:

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

Code:

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

Code:

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

Code:

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

Code:

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

Replace with:

Code:

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

shabbirbhimani · #29 08-17-2011, 07:05 AM

Quote:

Originally Posted by nCODE

Just a heads up... you should probably wanna change a part of your instruction:

Code:

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

to this:

Code:

{vb:rawphrase last_post_by}</dt>

because in custom themes, there's some more coding after

Code:

<dt

like class and stuff

As we need to place the code before <dt changing instructions like that will not help or else people would add the image code inside dt.

nCODE · #30 08-17-2011, 07:24 AM

Quote:

Originally Posted by shabbirbhimani

As we need to place the code before <dt changing instructions like that will not help or else people would add the image code inside dt.

lol... yeah that true

you can mention "Above the line"...

shabbirbhimani · #31 08-17-2011, 07:31 AM

Quote:

Originally Posted by nCODE

lol... yeah that true

you can mention "Above the line"...

I am always mentioning above it in the instructions

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05996 seconds Memory Usage 2,383KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (14)bbcode_code (12)bbcode_html (2)bbcode_php (7)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (11)post_thanks_box (33)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (2)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (1)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

26 благодарности(ей) от:
8thos, Abhik, alfanexus, BCP Hung, BlueCheri, Erica1977, eTiKeT?, evelynpriscilla, fleshy66, Gemma, iiioroh, K4GAP, lagrace, markoroots, nacaruncr, Nacho Vidal, nCODE, obglobal.net, puertoblack2003, RaYdeN.ADM, reddyink, S!p, sadiq6210, Scalemotorcars, Successfulsteps, tekram

7 благодарности(ей) от:
8thos, Abhik, DjEddie, Erica1977, Gemma, nacaruncr, shabbirbhimani

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!