[ABD] Avatars on Memberlist

[Wolfsblvt]

Extension Name: Avatars on Memberlist
Author: Wolfsblvt

Extension Description: Shows user avatars on memberlist.
Extension Version: 1.0.3

Requirements:

• PHP: >= 5.4.0

Features:
Current Features
****************

• Displays user avatars on memberlist
• Show avatar bigger on hover
• Uses CSS transitions, no javascript!
• Placeholder for users without avatar
• Full subsilver2 support

Planned Features
****************

• Nothing

Screenshots:






Extension Download: wolfsblvt.avatarsonmemberlist.zip

GitHub Repository: http://github.com/Wolfsblvt/avatarsonmemberlist/
(Just for viewing purposes, do not install this extension from GitHub!)

More Information:
This was an extension Request made here.
Nothing big. And as Paybas would note here: This can be achieved with style edits only, so there i no big need for this extension. It is just easier
And another note, the hover effect doesn't make the avatar actually fullsize. I couldn't find a way to make this work with css transitions. It shows the avatar on 100px. I think this is a similar width like most boards use for fullsize.

Bug reports for this extension in this thread please, or on GitHub.

[Wolfsblvt]

Changelog:
Actual Version
**************

-- Version 1.0.3 --------------
• Moved default avatar to style folder

###########################################################################
Past Versions
*************

-- Version 1.0.2 --------------
• Fixed clipping issue if zoomed
• Included subsilver2 support

-- Version 1.0.1 --------------
• Added placeholder avatar for users without avatar
• Removed UTF8 BOM from files

-- Version 1.0.0 --------------
• First implementation for 3.1

[Mauron]

Since avatar zooming by hovering the thumbnail partially covers the nickname, I'd suggest (if you mind) to trigger the hover both on avatar and on nickname and showing a little square with larger avatar and the nickname downside.

[Wolfsblvt]

Hey. Thanks for that suggestion. Currently I am using the prepend event to add something right before the username in the memberlist. I can't modify the username (easily) on hover. Also I don't know if it is a good idea to move the username, maybe other mods use this.
Would it be better if the zoom wouldn't be centered, but bound on the right site so that it doesn't overlay the username?

[wkuzma]

Hey. Thanks for that suggestion. Currently I am using the prepend event to add something right before the username in the memberlist. I can't modify the username (easily) on hover. Also I don't know if it is a good idea to move the username, maybe other mods use this.
Would it be better if the zoom wouldn't be centered, but bound on the right site so that it doesn't overlay the username?

Since your open to suggestions then maybe place the zoom in the center where the web sites are located since most users do not have web sites, leaving the hover icon where it is. That way the name is not disturbed.

[Niknovel]

Added no avatar

memberlist_body_username_prepend.html

Code: Select all

<!-- IF memberrow.AVATAR_IMG -->
<div class="member_avatar">{memberrow.AVATAR_IMG}</div><!-- ELSE --><div class="member_avatar"><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /></div>
<!-- ENDIF -->

[Wolfsblvt]

Added no avatar

Great idea!
I don't know if it should be included in this extension though. I for myself for example handle default avatar with Registered Users group avatar.

But If the extension gets validated, it sure can be added as a modification if user want (:

[Volksdevil]

Thanks for the ext Clemens I will try it as soon as I can.

PS: I think it should include a default 'No avatar' to keep the layout the same, just as previous MODS did. But...{T_THEME_PATH} is no longer used in 3.1 as I'm sure you know. Keep up the good work.

[Wolfsblvt]

PS: I think it should include a default 'No avatar' to keep the layout the same, just as previous MODS did. But...{T_THEME_PATH} is no longer used in 3.1 as I'm sure you know. Keep up the good work.

Okay, I'll add that to my ToDo list

I know, I know I have a template variable for the theme path of used style in everyone of my extensions for that

[Volksdevil]

No probs.

PS: I've just noticed an issue. On my board I have no issues with avatars anywhere, but now on the memberlist, some avatars don't load/show. If I use googles inspect element, I see that they give an Internal server 500 error.

But yet if I right click the avatar that isn't loaded, and choose open in new tab, it loads up just fine Weird!
Example, hopefully you see some avatars that aren't showing. More on page 2 than page 1.
Edited.

Oh, I have made a small tweak/no avatar image but that shouldn't affect it.

[Wolfsblvt]

Can you PM me a test account please? I don't have access to memberlist.

I don't know why it isn't working though, the data I use come from the official core method to retrieve the avatar data.

[Volksdevil]

Done.

[Wolfsblvt]

This is very strange. If you reload the avatars in firefox (with right click), then it works, no problem.
I can't find what the problem is here :-/
I think is has to do with the phpBB avatar function, maybe cause the file.php needs to retrieve many avatars at site load. But I don't know why they it is the same avatar that breaks every time.

All use the same avatar method, the board upload from local, right?

[Wolfsblvt]

Added no avatar

Hey Niknovel, can I use your no avatar image for my extension?
I really like the design

[___Martin]

Thanks Wolfsblvt for this extension!

Just noticed a small issue: my test board won't validate on the W3C Validator when the Avatars on Memberlist extension is enabled. Also this causes an increased margin from the top of the browser viewport to <div id="wrap">.

As it turns out, there are some bytes in the following template files that IMHO don't belong there:

• \styles\prosilver\template\event\memberlist_body_username_prepend.html
• \styles\prosilver\template\event\overall_header_head_append.html

Right at the start of both files the following byte sequence is included:  (hexadecimal: EF BB BF).
I suppose this could be the UTF-8 Byte Order Marks?

Please check if you could remove these bytes from the template files, i.e. save the files as UTF-8 without BOM.