Show users avatar on last post (on home page)

[Former Member]

Tested: Using Latest Browsers
Firefox - Chrome  - Internet Explorer 11
Microsoft new browser (Win 10 Microsoft Edge)

Add small users Avatar to show on each of the boards
On the last Poster Post Column

See Screen-Shot



Go Admin > Layout Templates > Board > Board List

And Look For These Lines

<td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}</td>

<td class="posts">{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}</td>

<td class="latest last">

{if $[board.posts] > 0}

{if $[board.last_thread]}

$[board.last_thread.recent_link]<br />

by $[board.last_thread.last_post.created_by]<br />

<span class="date">$[board.last_thread.last_post.created_on]</span>

{/if}

{else}

No posts have been made on this board.

{/if}

</td>

</tr>

And replace  all that with this code below

<!-- Template avatar on last post by xsteveuk -->

<td class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}</td>
<td class="posts">{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}</td>
<td class="latest last"><center>
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br>
by<br>$[board.last_thread.last_post.created_by.avatar_small]$[board.last_thread.last_post.created_by]<br>
<span class="date">$[board.last_thread.last_post.created_on]</span>
{/if}
{else}
No posts have been made on this board.
{/if}</center>
</td>

Then click to save changes

Then go admin > Themes > Advanced Styles & CSS > Style Sheet

And then add this code to the very bottom of the Style Sheet


.latest .avatar-wrapper {display: block;}


Then Click To Save Changes


Thank You Chris  For the help & fix with Internet Explorer

Steve


NOTE:
You can always remove $[board.last_thread.recent_link]<br>by<br>
From the code above
To just show the last posters user avatar

See screen-shot



And Then Use The Template 
Show Last thread Post & Last User To Post On Board List Template
support.proboards.com/post/5587906/thread

To show the last thread title on each of the board lists


If you wish the avatar to be smaller

Replace

$[board.last_thread.last_post.created_by.avatar_small]


With
$[board.last_thread.last_post.created_by_user.avatar_quote]

Screen-shot




Steve

[thestanleyparable]

Thank you man! do we have a chance to put this mini profile pic near the user's name? not under or up to it. like this one: prntscr.com/5w6sym

[Former Member]

Hi, thestanleyparable

Have a look at this thread

support.proboards.com/thread/479522/add-users-avatar-created-column?page=1

Steve

[thestanleyparable]

Worked bro! thank you. Btw do you have any idea how to fix size? prntscr.com/5wl6w0 or better how to remove circle background

[Former Member]

Jan 24, 2015 12:49:55 GMT -8 thestanleyparable said:

Worked bro! thank you. Btw do you have any idea how to fix size? prntscr.com/5wl6w0 or better how to remove circle background

Hi,
I'm not getting any round boarders when trying it on test site
I think that maybe due to theme/template you are using...

[bigballofyarn]

@xsteveuk If I want the avatar to be next to the text, do I simply make the avatar smaller, or will it always be above or below the text?

Example of what I'm going for:

[Former Member]

Mar 23, 2015 5:23:10 GMT -8 bigballofyarn said:

@xsteveuk If I want the avatar to be next to the text, do I simply make the avatar smaller, or will it always be above or below the text?

Example of what I'm going for:

You could try making the avatar smaller using  $[board.last_thread.last_post.created_by.avatar_small]
But I think may have problem due the size of thread titles , the table and the last post times
So it better showing the avatar above or below the text

[bigballofyarn]

I figured it out with some editing tricks.
Things looks pretty cute. Thanks.

[Former Member]

Mar 24, 2015 3:29:10 GMT -8 bigballofyarn said:

I figured it out with some editing tricks.
Things looks pretty cute. Thanks.

Hey bigballofyarn

Just saw your forum yes that looks cool - Well Done

Steve

[Former Member]

iv bookmarked this

[Former Member]

could you put this on my site please steve? im scared i'll mess it up as im just learning atm

[Former Member]

iv figured this one out thanks to anyone whos reading

[Former Member]

hi steve

iv added this to mycarr.proboards.com and i added it to the wrong theme by accident, i then added it to the correct theme but it doesnt work ...... could you help when you have time, i dont want to start deleting things and makeing it worse than it is.

thank you, theres no rush.

[Former Member]

fixed it

[think2succeed]

Mar 24, 2015 3:29:10 GMT -8 bigballofyarn said:

I figured it out with some editing tricks.
Things looks pretty cute. Thanks.

Hi bigballofyarn,

I'm trying to place the avatar next to the text as well but I can't figure it out...could you tell me what editing tricks you've used to make that happen ?

Thx,
T2S