Inactivité de la transparence d'avatars à taille réduite

[AbsoluteGrief]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.absolute-grief.net/

Description du problème

Bonjour,

J'ai remarqué depuis un moment que la transparence utilisée par des avatars ne fonctionnait pas sur certaines zones où leur taille est réduite, comme sur la liste des membres ou sur la liste des amis (50x50). La transparence est remplacé par un fond blanc. Elle fonctionne correctement sur la page d'accueil où ils sont pourtant aussi réduits (38x38). A quoi est dû ce problème et comment le corriger ?

Exemples avec quelques avatars utilisant la transparence :


Page d'accueil

http://www.absolute-grief.net/

Liste d'amis

http://www.absolute-grief.net/u245friends

Liste des membres

http://www.absolute-grief.net/memberlist

Merci d'avance.

[AbsoluteGrief]

Up

[AbsoluteGrief]

Up

[AbsoluteGrief]

Bonsoir,

J'ai fait quelques recherches et je suis tombé sur cette remarque

Concernant la transparence, il faut héberger l’image et l’envoyer non pas en faisant "Parcourir" mais en insérant le lien de l’image dans le dernier champ de l’uploader d’avatar. Autrement, la transparence n’est pas prise en compte.

https://forum.forumactif.com/t354798-image-de-fond-d-avatar-comment-enlever#3020934

Je tiens donc à préciser que les avatars sont impactés par le problème de transparence que lorsqu'ils sont réduits, et ceux illustrés dans ce sujet ont été envoyé en insérant le lien de l’image dans le champ de l’uploader d’avatar et non pas en faisant "Parcourir".

Bonne soirée !

[AbsoluteGrief]

Up

[Cyn]

Hello,

Essai en ajoutant ceci à ton CSS :

Code:

.avatar {
    background-color: transparent !important;
}


[AbsoluteGrief]

Bonsoir Cyn,

Bien essayé mais ça ne change pas. Il est en fait question de la transparence des avatars quand ils sont sous forme réduites, et pas affichés par défaut où je n'ai pas de problème de ce côté là. Je ne vois pas comment on pourrait interpréter ça dans le code.

D'ailleurs, en examinant le problème de plus près, celui-ci semble concerner tous les forums. On peut constater qu'il y a aussi des fonds blancs sur des avatars avec transparence dans la liste des membres de ForumActif :

https://forum.forumactif.com/memberlist

Un petit encadrement a été placé autour des avatars pour que cela fasse moins moche.

[dm61]

Bonsoir,
Est-ce que tu as essayé avec des avatars enregistrés sous gif au lieu de png ?

[AbsoluteGrief]

Bonsoir dymo,

Je vais testé avec un avatar, mais même si cela fonctionne, j'avoue que ça risque d'être fastidieux de remplacer tous les avatars PNG avec transparence par des GIF, étant donné que j'utilise exclusivement ce format.

A tout de suite.

[AbsoluteGrief]

Re,

Je viens de tester en modifiant le format de mon avatar sur ce forum, de PNG à GIF, et ça ne fonctionne malheureusement pas, le fond reste blanc sur la liste des membres :
https://forum.forumactif.com/memberlist

Deplus, le GIF ne gérant pas la couche alpha, l'image est de moins bonne qualité à cause des ombres.
Constatez par vous même :

PNG / GIF
/

[Cyn]

Rebonjour ^^

Bonsoir Cyn,

Bien essayé mais ça ne change pas. Il est en fait question de la transparence des avatars quand ils sont sous forme réduites, et pas affichés par défaut où je n'ai pas de problème de ce côté là. Je ne vois pas comment on pourrait interpréter ça dans le code.

Pourtant, quand je regarde dans la liste des membres de ton forum avec l'inspecteur d'éléments de Chrome, je vois ça :



Et donc, forcément, s'il y a un fond de couleur blanche défini dans la div qui contient l'avatar, si celui-ci est transparent, on voit un fond blanc... Si je change cette valeur pour la mettre transparente :



Ça fonctionne également lorsque je fais le test sur mon forum, en mettant un avatar avec un fond transparent et en ajoutant le code que j'ai donné dans mon message précédent au CSS du forum.

Dans la liste des membres de FA, c'est le même principe, mais avec la classe td.avatar-mini img au lieu de .avatar. J'imagine que c'est parce qu'il ne s'agit pas de la même version.

[AbsoluteGrief]

Ah oui bien vue !

Dommage que ça ne fonctionne pas pour toutes les versions en effet.

[AbsoluteGrief]

Up

[Cyn]

Pourquoi up ? x)

Ma solution règle le problème...

[AenigmA]

Bonjour,

La solution de Cyn donnée plus haut devrait marcher, sinon tu peux essayer en dernier recours

Code:


.avatar.mini, .avatar.mini img {
    background-color: transparent !important;
}


[AbsoluteGrief]

Bonsoir,

Parfait, cela fonction sur la liste des membres et des amis !

Voici le code final :

Code:

/* -- Transparence Avatars -- */

.avatar.mini, .avatar.mini img {
 background-color: transparent !important;
}

.avatar, .avatar img {
 background-color: transparent !important;
}

Par curiosité, c'est voulu que sur FA, le fond blanc soit laissé?

Merci pour l'aide !
Je passe le sujet en résolu.