Reposition the online indicator

In the default style, the online indicator is positioned over the avatar.

View attachment 79482

With a few lines of CSS or a simple template edit, you can move it to wherever you like.


If you want it in the top right hand corner of the message user info block like so:

View attachment 79483

Edit the message_user_info.css template or add this to EXTRA.css:

Code:

.messageUserBlock div.avatarHolder .onlineMarker
{
    top: 2px;
    right: 2px;
}

For the bottom...

Click to expand...

Chris D said:

Code:

!{$message.isOnline}

Would work to show offline.

Click to expand...

Super120 said:

You posting this now makes me think that 1.4 Beta 1 will be released this Tuesday

Click to expand...

Chris D said:

You can still do it. You can use the conditional to add different class names to the element. You can then apply whatever styling you need to those class names.

Click to expand...

RoldanLT said:

I don't think so, Not all of 1.4 feature has announce yet on HYS section.
There are still 1.4 HYS coming

Click to expand...

Chris D said:

You can still do it. You can use the conditional to add different class names to the element. You can then apply whatever styling you need to those class names.

Click to expand...

Tracy Perry said:

Maybe my infectious brain infarction I caught from a certain @Azhria Lilu over the interwebz will be gone by then so I can figure it out.
I'm having some serious design fartz lately and have gone back to doing OS playing.

Click to expand...