Members Online (last 24 hours) Avatars

[aRMY83]

Would like to replace the username text to show their avatars instead.

In my Home template, I have this code: (in part)

<tr><td>Members online were:<br />
{foreach $[online_user_24]}
<a href="$[online_user_24.href]" style="float: left; margin-right: 5px; margin-top: 5px;" title="$[online_user_24.name]">$[online_user_24.avatar_small]</a>
{/foreach}
{if $[total_online_not_shown_24]}
, and <a class="$[view_active_members_link_24.class]" href="$[view_todays_active_members_link.href]">$[total_online_not_shown_24] more...</a>
{/if}

which shows these avatars: (no radius)



Seems that this code I put together:

.avatar_size_default img, .online_user_24.avatar_small, .avatar_size_default default {max-height:30px; max-width:30px !important; border-radius:100% !important;}

and placed within the CSS does not work for creating that size and radius at 100%.

[aRMY83]

Finally figured it out with this piece of code: (placed in the bottom of the Style Sheet)

.avatar_size_small img, .avatar_size_default default {max-height:50px; max-width:50px !important; border-radius:100% !important;}

which now shows this:

[tis ✻ bry]

Jun 12, 2018 16:15:40 GMT -8 aRMY83 said:

Finally figured it out with this piece of code: (placed in the bottom of the Style Sheet)

.avatar_size_small img, .avatar_size_default default {max-height:50px; max-width:50px !important; border-radius:100% !important;}

which now shows this:

View Attachment

As another note, you might want to add .stats before that line of css, so that not all the small avatars on your forum are round. However disregard if that's something you want.

[aRMY83]

Hello tis ✻ bry

Thank you for the advice and appreciated.