[SUGGESTION] Avatars - Transparent Backgrounds - On

[eliotcole]

Hiya, I think that there's a XenForo setting for this ... and wasn't sure if it's on or not, but I believe that if enabled, we can use images with transparent backgrounds for our avatars!
😲

 

[cools]

I believe it's already active. At least, my Dark Reader extension gives your and my avatars a black background (which switch to white when deactivated)

 

[eliotcole]

Hmm 🤔 ... I'm pretty sure that your screenshot is showing that it either isn't working at all, is set to 'use theme background' ... or something else, mate. But I'm happily disproved ... it's not like it really matters at the end of the day.

( not that I'm virulently disagreeing with ya ... 😅 ...that is not me ... this is all just luxuries, none of it really matters 🙂 )

If I were to place a bet, I'd say that it has made the background the same colour as the theme background, not made it transparent.

Spoiler: I had worried that it was my browser...

...Firefox, but I see this in chromium, too ... so I cannot blame the xenforo devs for not testing cross browsers ... still ... if it IS turned on, then it ain't working.

If you look at my avvie over my banner, in your image, it's not showing the banner through the transparency. I looked at the colour in GIMP and it shows it to be the exact same black as your background, and that around your profile.

Looking at the dev tools for the site, it would seem that css.php is making this change to match the colour of the block-container class ... both our themes results would appear to back that up. As mine is doing the same ... here's the background of that class (the background of page element we're concerned with) as demonstrated from the for the first post in my 'Latest activity' below ... it's the same in the header, there, too:

​

... and here's the same for the parent element of the image :

It's the same background 'color' for the smaller avatars, too.​

Here's both a 626kb version and 4MB version of that PNG on ezgif, so it's definitely transparent:

​

If you wanted a final check, here's the full images, too:

​

At the end of the day, it's just a suggestion, so I'm certainly not suggesting that any issues are raised to Xenforo ... but if they ever are, please feel free to use the above as evidence. In the meantime, I have just made a style (userstyle / userscript) that fixes this for anyone that wishes to use it.

( none of this should be construed as slights on anyone here, of course ... like I say, it's all just a suggestion ... with the userscript I'm also just saying that I'm cool with handling my own shit without putting additional pressure on others ... )

Edited with style link

 

[cools]

Oh right, you want the element transparency set, not just the image.

Tonnes of scope for user scripts here. Getting rid of the topic ratings and Likes, for a start.

 

[eliotcole]

I mean, I have a few personal ones, already, unpublicised. But I mostly use the userContent.css in Firefox for purely style based stuff.

Oh right, you want the element transparency set, not just the image.

Tonnes of scope for user scripts here. Getting rid of the topic ratings and Likes, for a start.

Spoiler: userContent.css

Here's the style that I just slapped into my userContent.css:

@-moz-document domain(ukvac.com) {
  .avatar img {
    background-color: transparent !important;
  }
}

FWIW; the parent element with the .avatar class is already set to a transparent background. It's the child <IMG> element that I believe is incorrectly setup. That is ... it is incorrect if the xenforo settings have been set to allow avatar transparency to be turned on. If that is not turned on, then nothing is broken and it probably could be turned on without any bad mamajammas happening around here ... but ... again ... no big shakes ... like I say ... I'll just do me. 😅
FWIW ... this looks pretty clean:

 

[Alpha1]

I'll check and see if anything official is planned.

 

[eliotcole]

Cheers, mate ... as I say, I am more bringing it up as I thought you'd be interested in it, more than anything else ... no wuckas, either way.