[Implemented] [Redesign] User Online Banner

Discuss requests for comments/changes posted in the Issue Tracker for the development of phpBB's style.
Forum rules
Please do not post support questions regarding installing, updating, or upgrading phpBB or modifying styles of released phpBB versions. If you need support for phpBB please visit the Support Forums on phpbb.com.

If you have questions regarding creating styles please post in Styles Support & Discussion to receive proper guidance from our staff and community.

New Options

#1 Online icon
16
52%
#2 Online & Offline Icon
3
10%
#3 Corner
12
39%
 
Total votes: 31

User avatar
hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 968
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

[Implemented] [Redesign] User Online Banner

Post by hanakin »

UPDATED OPTIONS FOR VOTING


-------------------------------------------------------------------------------------------------------------

In an effort to attempt to figure this out both for the new theme and for prosilver while bringing it up to retina standards.

We need to review and decide on how we want to handle the notification that a user is currently online.

The current way this is handled in prosilver is through the use of the following image https://github.com/phpbb/phpbb/blob/mas ... online.gif

There are a number of issues with this implementation.

1. It only works for english speaking users as its an image we can not change the language
2. Its oddly placed and shaped causing countless issue with rendering on different devices plaguing development.
3. Its mall an the color is not immediately obvious as it blends in.

We have a couple of different options in how we could handle this

1. status icon next to username when online
2. status icon next to username when online & offline
3. Simple status icon in upper corner

these are all just suggestions if you have better concepts let me know

#1
Screenshot 2017-03-27 20.31.22.png
#2 (uses #1 for online)
Screenshot 2017-03-27 20.38.42.png
#3 (or variation could just be green corner)
Screenshot 2017-03-09 15.57.56.png
Donations welcome via Paypal Image

User avatar
Marc
Development Team Leader
Development Team Leader
Posts: 191
Joined: Thu Sep 09, 2010 11:36 am
Location: Munich, Germany

Re: [Redesign] User Online Banner

Post by Marc »

Both codepen links throw a 404 right now.

User avatar
hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 968
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

Re: [Redesign] User Online Banner

Post by hanakin »

hmm seems parser does not like trailing ) for links should work now
Donations welcome via Paypal Image

User avatar
david63
Registered User
Posts: 355
Joined: Mon Feb 07, 2005 7:23 am

Re: [Redesign] User Online Banner

Post by david63 »

Personally I am not a great fan of "glowing" images - although they can look right in the right place.

I would go for something simple, either a "traffic light" or just plain coloured text (green for online, red for offline)

At the end of the day does anybody really take much notice of the online/offline status anyway?
David
Remember: You only know what you know -
and you do not know what you do not know!

User avatar
Crizzo
Translations & International Support Teams Manager
Translations & International Support Teams Manager
Posts: 28
Joined: Sun Jul 14, 2013 11:57 am

Re: [Redesign] User Online Banner

Post by Crizzo »

@6 is pretty the same as the current solution. But without any words in the icon. There could be a lot of variation imagineable. At the moment I would prefer this. Maybe like this: https://cloud.crizzo.de/index.php/s/4eWlpjnOPpL6Kn2 (Xenforo). But needs a solution for Non-Avatar-Postprofiles, if we choose anything sticked to the avatar.

@3.: We would lose the changing bg-colour every 2nd post, if 2 or more user in a row are online at the same time.

@4/5.: I cannot imagine how this would look good.

@1.: Would be the vBulletion solution. Is a bit dowdy.
david63 wrote: Sun Mar 26, 2017 9:27 pm At the end of the day does anybody really take much notice of the online/offline status anyway?
What is the suppose of this question? Do you suggest to remove the online image or don't spend time on a thing, you think nobody cares anyway? :?

User avatar
hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 968
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

Re: [Redesign] User Online Banner

Post by hanakin »

some suggested examples

both4 & 5 examples
Screenshot 2017-03-26 17.31.37.png
7th option
Screenshot 2017-03-09 15.57.56.png
bg example
Screenshot 2017-03-26 19.14.04.png
Screenshot 2017-03-26 19.19.03.png
the bg options might be problematic with prosilver due to its layout, but easier in new theme.

also thoughts on the avatar option, there are a lot of variations on it but it would require hardcoding the default avatars, which I am not against but whats everyone elses thoughts on this? It could be done using gravatar if enabled else then load the included default
Donations welcome via Paypal Image

User avatar
Louis7777
Registered User
Posts: 394
Joined: Fri Apr 04, 2014 12:32 am

Re: [Redesign] User Online Banner

Post by Louis7777 »

We could recreate the same banner using CSS3 shapes and transform.

Give it CSS classes so anyone can change font properties, background color etc. and leave it to style authors to create unique banners.

User avatar
hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 968
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

Re: [Redesign] User Online Banner

Post by hanakin »

that only solves one of the problems... it does not solve the issue of space requirements especially when you have languages the require 20+ chars. Its better to not use any kind of words
Donations welcome via Paypal Image

User avatar
Vinny
Style Customisations
Style Customisations
Posts: 129
Joined: Thu May 20, 2010 4:01 am
Location: Brazil
Contact:

Re: [Redesign] User Online Banner

Post by Vinny »

I think this should be simple. 2th option

Image and Image should be useful in some way. 7th option

4/5: https://www.youtube.com/watch?v=umDr0mPuyQc

User avatar
david63
Registered User
Posts: 355
Joined: Mon Feb 07, 2005 7:23 am

Re: [Redesign] User Online Banner

Post by david63 »

Crizzo wrote: Sun Mar 26, 2017 9:33 pm What is the suppose of this question? Do you suggest to remove the online image or don't spend time on a thing, you think nobody cares anyway?
I believe that not having the online/offline image (or any other indicator) is an option that should be considered. To some extent it is meaningless as it does not show who is actually online but who has an active session which is not the same thing.
David
Remember: You only know what you know -
and you do not know what you do not know!

Post Reply