Online indicator based on user ID

[Paul B]

Brogan 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 212233


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...

 

[Paul B]

Brogan 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%;
}
...

Read the rest of this update entry...

 

[Paul B]

Brogan 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%;
}

...

Read the rest of this update entry...

 

[Betclever]

Does this work for groups?

 

[Paul B]

No.

 

[hohleweg]

where can i get the little christmas icons
and in which folder must be uploaded

i want this
for online

 

[Paul B]

I used Font Awesome icons for the guide.

If you want to use actual images, you will need to source those and upload them to a directory on the server.

Then adjust the CSS to suit.

 

[Paul B]

Optimised the less code.