Online Status Indicator within Threads

I must be doing something wrong because all users appear to be online even though they are not. Any hits what I should correct? I followed the instructions for the installation.

Code:

<span class="user{$userStatus.class}"></span>

EXTRA.css

Code:

/* Online indicator */
.userUserOnline {
position: absolute;
right: 3px;
top: 3px;
height: 6px;
width: 6px;
border-radius: 3px;
background-color: #009900;
}
 
.userUserOnlineInvisible {
position: absolute;
right: 3px;
top: 3px;
height: 6px;
width: 6px;
border-radius: 3px;
background-color: #CC0000;
}

It turned out the CSS wasn't completely right. But the code above solved the problem.

Hi there.

This seems to be a really great mod.

I have installed the mod, entered the code below in the EXTRA.css.
I just wonder where in the ACP I can find the options for this add-on? The place where I can decide if I want to mark off-line users and so on.
Maybe I get it all wrong - are there no options? It is all code?


/* Online indicator */
.userUserOnline {
position: absolute;
right: 3px;
top: 3px;
height: 6px;
width: 6px;
border-radius: 3px;
background-color: #009900;
}

.userUserOnlineInvisible {
position: absolute;
right: 3px;
top: 3px;
height: 6px;
width: 6px;
border-radius: 3px;
background-color: #CC0000;
}

All the best
Morten

Sorry guys I think I got it - I found the instructions.txt

Damn still doesn't work
Nothing is changing at all - stil the standard online / offline graphic.

I really don't know what I do wrong.

This is what I did:

Message_user_online: <span class="user{$userStatus.class}">{$userStatus.text}</span>

EXTRA.css:

.userUserOnline, .userUserOffline, .userUserOnlineInvisible
{
font-weight: bold;
font-size: 10px;
color: @contentBackground;
background: @primaryLight url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 1px 5px;
margin: -5px;
border: 1px solid @primaryLight;
border-radius: 3px;
border-top-right-radius: 0px;
display: block;
float: inherit;
position: relative;
box-shadow: 1px 1px 3px rgba(0,0,0, 0.25);
}

.UserOnline span, .UserOffline span, .UserOnlineInvisible span
{
background-color: @primaryLight;
border-top-right-radius: 3px;
position: absolute;
top: -4px;
right: -1px;
width: 5px;
height: 4px;
}

It's not using the css above. Try deleting what you put into extra.css and inserting again. I copied your css above and tested, and works fine on my install.

Thanks a lot - it worked

Can you please update this add on and put it in the Resource Manager? Thanks!