XF 2 Tip Online indicator based on user ID

[ENXF NET]

ENXF NET submitted a new resource:

Online indicator based on user ID - Now you see it, now you don't

Bored with the same online indicator for everyone?

Me too, which is why I came up with this.
View attachment 9364
It's a selection of 10 different indicators which are automatically applied based on user ID.

Implementation is very simple.
It consists of one template edit and some CSS for each icon.
The CSS can be applied per style via the extra.less template.

The first step is to edit the message_macros template.

Look for this on line 10:

<span...

Read more about this resource...

 

[ENXF NET]

ENXF NET updated Online indicator based on user ID with a new update entry:

Halloween themed online indicators

Add this to the extra.less template.

/* #### Online Indicator #### */
.message-avatar-wrapper .message-avatar-online
{
    left: 48%;
}

.message-avatar-wrapper .message-avatar-online.ctaOnlineIcon--0
{
    &:before {
        .m-faContent(@fa-var-broom);
        color: #654321;
        background: #e8ecef;
        border: #e8ecef solid 4px;
        border-radius: 2px;
        font-weight: 900;
    }
}

.message-avatar-wrapper .message-avatar-online.ctaOnlineIcon--1
{...

Read the rest of this update entry...

 

[ENXF NET]

ENXF NET updated Online indicator based on user ID with a new update entry:

Xmas themed online indicators

Add this to the extra.less template.

/* #### Online Indicator #### */
.message-avatar-wrapper .message-avatar-online
{
    left: 48%;
}

.message-avatar-wrapper .message-avatar-online.ctaOnlineIcon--0
{
    &:before {
        .m-faContent(@fa-var-sleigh);
        color: #ee0010;
        background: #ffffff;
        border: #ffffff solid 4px;
        border-radius: 2px;
        font-weight: 900;
    }
}

.message-avatar-wrapper .message-avatar-online.ctaOnlineIcon--1
{...

Read the rest of this update entry...