Avatars Display Integration

Started by Pipke, February 15, 2020, 07:43:21 PM

Previous topic - Next topic

FrizzleFried

I noticed this issue with squared avatars as well on my site...

...but to be honest,  it wasn't a big enough deal for me to address just yet.  But I was going to get to it!

:)

You cannot view this attachment.

Speed King

I never had problems with resizing of square avatars. In my forum, avatar size is max 120x120 pixels, resized by ADI to 100x100 pixels.
Did you made any changes to original code?

Shades.

Quote from: Speed King on March 27, 2022, 01:05:20 AMI never had problems with resizing of square avatars. In my forum, avatar size is max 120x120 pixels, resized by ADI to 100x100 pixels.
Did you made any changes to original code?
I have not made any changes other than setting max to 100x100 in admin.

I'm only having issues in the users profile summary. As you can see in my post below the avatar is rounded off as it should be on the users posts.

Quote from: Shades. on March 26, 2022, 06:05:55 AMSMF2.1.1
Avatar Integration 1.5.3

But in the users post the edges of the avatar is rounded as it should be.

You cannot view this attachment.
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Speed King

Is this avatar rectangular? Try to crop and resize it to square.

Shades.

Quote from: Speed King on March 27, 2022, 02:04:05 AMIs this avatar rectangular? Try to crop and resize it to square.
Yes it is rectangular but cropping it won't solve the problem in the long run or I'd be having to do that for everyone who uploads a rectangular avatar! :P
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Speed King

Quote from: FrizzleFried on March 26, 2022, 10:21:01 AMI noticed this issue with squared avatars as well on my site...

...but to be honest,  it wasn't a big enough deal for me to address just yet.  But I was going to get to it!

:)

Please attach your avatar image file. I would test it on my forum.

FrizzleFried

Quote from: Speed King on March 27, 2022, 01:05:20 AMI never had problems with resizing of square avatars. In my forum, avatar size is max 120x120 pixels, resized by ADI to 100x100 pixels.
Did you made any changes to original code?

Me?  Not in the slightest.


FrizzleFried

Quote from: Speed King on March 27, 2022, 02:40:34 AM
Quote from: FrizzleFried on March 26, 2022, 10:21:01 AMI noticed this issue with squared avatars as well on my site...

...but to be honest,  it wasn't a big enough deal for me to address just yet.  But I was going to get to it!

:)

Please attach your avatar image file. I would test it on my forum.

Attached...


You cannot view this attachment.

FrizzleFried

The more "vertically oriented" a rectangle avatar is... the more it overlaps everything on that page...


Examples:

You cannot view this attachment.

You cannot view this attachment.

You cannot view this attachment.

You cannot view this attachment.


Perfectly square avatars are not affected.  Only those with a more vertical rectangle orientation.   

Speed King

Quote from: FrizzleFried on March 27, 2022, 08:27:22 AM
Quote from: Speed King on March 27, 2022, 02:40:34 AM
Quote from: FrizzleFried on March 26, 2022, 10:21:01 AMI noticed this issue with squared avatars as well on my site...

...but to be honest,  it wasn't a big enough deal for me to address just yet.  But I was going to get to it!

:)

Please attach your avatar image file. I would test it on my forum.

Attached...


You cannot view this attachment.

Yes, the ADI mod doesn't resize this image correctly, because avatar is rectangular (size 21.26 KB, 82x100 pixels)

Click =>

I would suggest to use only squared images. In my forum, I change users' rectangular avatars with square images to avoid such problems.

FrizzleFried

Unfortunately that's an unreasonable request/requirement as we have TONS (as in hundreds) of animated avatars, etc.

Perhaps some padding could be added to the offending area?  I'd rather have too much space for the square avatars than not-enough-space for the vertically oriented rectangle avatars.

FrizzleFried

Oh... this is the only page this issue is a problem (profile).  The mod seems to be resizing those avatars well enough not to cause these kinds of "overlapping" issues on any other page that I am seeing.

Shades.

Quote from: FrizzleFried on March 27, 2022, 09:27:38 AMOh... this is the only page this issue is a problem (profile).  The mod seems to be resizing those avatars well enough not to cause these kinds of "overlapping" issues on any other page that I am seeing.
Same here as I have mentioned, it only happens in profile and works fine in all other pages. ;)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Pipke

@Shades. @FrizzleFried on my test forum all works as it should be... see attachment You cannot view this attachment.

Can one of you post/pm a link to a wrong avatar image profile page wich is accessible by guest so i can view it and maybe solve it.
"If something is wrong, fix it if you can. But train yourself not to worry: Worry never fixes anything."

Click here to view my mods for SMF

Hey 👋 Did i helped... you like what i do. You can now buy me a coffee! ☕

FrizzleFried

Unfortunately my forum is a private forum.  I would be happy to approve a membership if you wish...

[nofollow]www.aha-forums.com[/nofollow]

Shades.

ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Oldiesmann

Just added it to my seniors forum. Nice and easy to configure :)
Michael Eshom
Christian Metal Fans

Pipke

Quote from: Shades. on March 26, 2022, 06:05:55 AMSMF2.1.1
Avatar Integration 1.5.3

I just noticed that some of the members avatars are oval and overlapping the "online status" and "buddy list" in the users profile summary.

Any way to fix?


you can set for fix future problems at admin avatar settings width and height to all equal or edit the index.css file to remove the "important" rule.
Code (find) Select
#basicinfo img.avatar, dl.settings img.avatar {
    display: block;
    max-width: 160px;
    height: auto!important;
}
Code (replace by) Select
#basicinfo img.avatar, dl.settings img.avatar {
    display: block;
    max-width: 160px;
    height: auto;
}
"If something is wrong, fix it if you can. But train yourself not to worry: Worry never fixes anything."

Click here to view my mods for SMF

Hey 👋 Did i helped... you like what i do. You can now buy me a coffee! ☕

Shades.

Quote from: Pipke on March 28, 2022, 01:52:56 PMyou can set for fix future problems at admin avatar settings width and height to all equal or edit the index.css file to remove the "important" rule.
That fixed it thank you! 8)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

FrizzleFried


Advertisement: