[ Template ] - Show members avatar on the Member List

[Former Member]

This was done as a request
support.proboards.com/post/6264390/thread

Show members avatar on the member List
Tested: IE 11 - Chrome - Firefox
And Win 10 New Browser Microsoft Edge

Go - admin > templates > Members > Members list

And look for this line

<td class="name target">$[user]</td>

And replace that with this line

<td class="name target"><div style="float: left; width: 40px;">
$[user.avatar_quote]
</div>$[user]</td>

If you want the avatar a little larger try 

<td class="name target"><div style="float: left; width: 40px;">
$[user.avatar_small]
</div>$[user]</td>

Remember you can preview it before saving any changes to your template

On the screenshot I have it so all column titles & column alignment 
align center on the member list

Updated Screenshot

Screenshot using quote avatar
UPDATED TO ALIGN AVATAR LEFT



If you wish all Column Alignment & Column Titles To Align Center

Go admin > Themes > Advanced Styles & CSS 
On the Visual Editor Click on Column Titles > Set text to center
And click save changes

Then go Go admin > Themes > Advanced Styles & CSS
 On the Visual Editor > Members -
Click on Column Alignment - And set all to center  - Then click to save changes

________________________________________


If You Would Like To Add The User Likes
That Each Member Has Received
Also On The Member List

Screenshot Below Shows Top Posters Page



Go > ADMIN > TEMPLATES > MEMBERS >

Look For This Line

</div>$[user]</td>

And Replace that with this line

</div>$[user]<br><font size="1">Likes: $[user.likes]</font></td>


____________________________________


If you would like to add a LINK to show the users RECENT POST



Go - Member List

Look for this line

<td class="last-online last">{if $[user.is_online]}<font color="#c61d0b">Member is Online</font>{else}$[user.last_online]{/if}

And replace that with line of code below

<td class="last-online last">{if $[user.is_online]}<font color="#c61d0b">Member is Online</font>{else}$[user.last_online]{/if}<br><a href="/user/$[user.id]/recent">Recent Post</a></td>


Steve

Remember you can preview it before saving any changes to your template

[Former Member]

i'll give you a thank u steve

[Jason]

You can also give the avatar its own section. Depending where you want to put it, instead of replacing the code Steve suggested, you can paste it above or below that code, but you also have to go back to the Members tab and add this:

<th class="avatar">Avatar</th>

Just make sure it's lined up properly with the code on the member's list tab.

Thank you for providing the layout, Steve.

[lyrastone]

Loves