Reposition the online indicator

[Paul B]

Brogan submitted a new resource:

Resposition the online indicator - Move the online indicator to wherever you like using CSS or template edits

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:

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

For the bottom...

Read more about this resource...

 

[Chris D]

Should be core!

Haha

 

[TPerry]

Just curious.. there is the isOnline... but is there the isOffline also?
I know that one not showing "should" indicate to a user that others are not online, but I kind of like how I've got it on one of my sites. It's beside the user name and a green dot high for online and red low for offline.

 

[Chris D]

!{$message.isOnline}

Would work to show offline.

 

[Pinn]

Can you a Icon add?

 

[Chris D]

Yes you should be able to add an icon, if you mean something like Font Awesome. Should be very easy.

 

[imthebest]

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

 

[TPerry]

!{$message.isOnline}

Would work to show offline.

Only problem I really see with that is that it won't allow you to reposition it via CSS since it's it's own class like in the example image I attached (it has online/offline/invisible).

 

[Chris D]

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.

 

[rdn]

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

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

 

[Shelley]

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.

Excellent tip Chris. TBH - I think offline users not having an indicator is a case of brilliant design not to include it. Minimizing bloat so to speak you really have to admire attention to detail. It was part of the online status system I really appreciated.

 

[imthebest]

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

It's all done: http://xenforo.com/community/threads/welcome-to-xenforo-1-4-more-assorted-improvements.79604/

 

[TPerry]

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.

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.

 

[Lisa]

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.

You cannot blame me for your failings

 

[Lemminator]

sorry for this stupid question :

where i can find the online indicator ?

 

[Paul B]

In 1.4 when it is released.

 

[Lemminator]

Ah ok thx

 

[rdn]

Doesn't looks good on Beta 1.
Any update Brogan?

 

[Paul B]

This no longer applies since changes were made to the indicator.

What are you trying to do?

 

[rdn]

Move the indicator outside, top right since I'm using circle styled avatar.