Online/Offline avatar indicator like instagram

[HiddeNKinG]

HiddeNKinG submitted a new resource:

Online/Offline avatar indicator like instagram - online, ofline

message_macros in

<xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />

Find and replace with the bottom.

     <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
                <div class="xgt-avatar2">
                        <div class="xgt-avatar-border2">
                    <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" />
                       </div>...

Read more about this resource...

 

[Blade5001]

not work by 2.2.2 version

 

[HiddeNKinG]

not work by 2.2.2 version

I am using my forum latest xenforo version

 

[🔥Iggy🔥]

working for me also on 2.2.2....using a custom style to i had to tweak a few things, looks good now tho...
thank you for this

 

[*Muffin]

The instructions arent very clear, I was not able to get it to work for me.

 

[Jordyn]

Very good mate thank you. Very easy to add

 

[tymillzz]

working for me also on 2.2.2....using a custom style to i had to tweak a few things, looks good now tho...
thank you for this

whats your modifications please thanks

 

[Hai Tran]

Not work by 2.2.8 version
Can you fix it? @HiddeNKinG

 

[HiddeNKinG]

Not work by 2.2.8 version
Can you fix it? @HiddeNKinG

İt is working

 

[Hai Tran]

İt is working

Yeap, in my styles UI.X 2
I changed "m" to "s", it's working
Thanks so much @HiddeNKinG

<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />

find and replace

<xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()">
<div class="xgt-avatar2">
<div class="xgt-avatar-border2">
<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
<xf:else />
<div class="xgt-avatar">
<div class="xgt-avatar-border">
<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="image" />
</div>
</div>
</xf:if>

 

[Hareon]

All is working weel here in version 2.2.16. Thank you!
Ah, can we have an animation like a "wave" to add to the border?

 

[🔥Iggy🔥]

2.3 ?

 

[mrdoitnyce]

2.3 ?

Lemme know when someone blesses us with a 2.3 version

 

[SeaWolf]

i use it since 2.2.13, i'm on 2.3.3 and work fine. Might have done some change but only on design

 

[🔥Iggy🔥]

i use it since 2.2.13, i'm on 2.3.3 and work fine. Might have done some change but only on design
View attachment 310617

oh thank you, yes i see now....i implemented it as a template modification and the replace line changed slightly

 

[mrdoitnyce]

oh thank you, yes i see now....i implemented it as a template modification and the replace line changed slightly

i'm seeing 2 of these codes. on line 19 & 171 , one has "s" and one has " m " and my 2.3.3 codes look like this:

<xf:avatar user="$user" size="s" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />

 

[mcatze]

You can optimize your code and minimize the lines if you use this...

<div class="{{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'xgt-avatar2' : 'xgt-avatar' }}">
    <div class="{{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'xgt-avatar2' : 'xgt-avatar' }}">
        <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />
    </div>
</div>

 

[JulesR]

So which code is working for xenforo 2.3.3

Thanks!

 

[mcatze]

So which code is working for xenforo 2.3.3

Both codes are working. You have to check the template and copy & replace. Maybe not in the original style/templates

 

[Helmuts]

You can optimize your code and minimize the lines if you use this...

<div class="{{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'xgt-avatar2' : 'xgt-avatar' }}">
    <div class="{{ ($xf.options.showMessageOnlineStatus && $user && $user.isOnline()) ? 'xgt-avatar2' : 'xgt-avatar' }}">
        <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="{{ $includeMicrodata ? 'image' : '' }}" />
    </div>
</div>

@Pew Pew let us try this out Looks cool!

Full: https://xenforo.com/community/resources/online-offline-avatar-indicator-like-instagram.8246/

tx