Online indicator based on user ID

Online indicator based on user ID

divTemplateVerified member

Administrator

Staff member
Reputation: 58%
Here is the same indicator online for all the world?
Here is a modification for more different icons.

Online indicator based on user ID-1.webp


The selection of 10 different indicators is automatically applied according to the user ID.

The mise en œuvre is very simple.

It consists of a model and CSS modification for each icon.

The CSS can be applied in style via the extra.less model.

The first stage consists of modifying the message_macros mode.

Search for chickpeas on line 10:

HTML:
You must log in to view
(1 lines)

Replace:

HTML:
You must log in to view
(2 lines)

Now you can change the name of the variable (ctaOnlineIconValue) and the CSS class (ctaOnlineIcon--) as you want.
Make sure you can easily use the same name in the extra.less model

Ensuite, all that you have to do is to help your customized CSS in the extra.less model.

You are sure to get a unique entry (10 total) for anything from 0 to 9 for the ctaOnlineIcon class:

CSS:
You must log in to view
(31 lines)
 
Back
Top