Affichage des avatars buggé pour les Invités

[Yun et Mimie]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : 25 août 2019
Lien du forum : http://nuzlocke-france.forumgratuit.org/

Description du problème

Bonjour !

Nous avons récemment (25/08) fait un changement de design assez important sur notre forum, notamment sur l'affichage des avatars. Nous avons voulu avoir des avatars 160x160 qui apparaitraient dans une bulle pour tout le monde (le résultat attendu). S'il n'y a pas de problème quand les membres sont connectés, plusieurs membres nous ont signalé que lorsqu'ils sont déconnectés, le CSS ne fonctionne pas, ce qui fait que l'avatar prend sa taille " normale " et déborde sur les messages (comme ceci).

Les membres nous ont signalé le problème à la fois sur Firefox et sur Chrome. Sachant que, nous, lorsque nous avons 'créé' le design sur Firefox, nous n'avons pas rencontré le problème ...

Le CSS qui concerne le corps de message :

Spoiler:

Nous avons aussi modifié le template viewbody_topic :

Spoiler:

Merci à qui pourra nous aider !

[*Splash*]

Hi,

Dans le template viewtopic_body recherche ceci :

Code:

{postrow.displayed.POSTER_AVATAR}

Remplace par ceci :

Code:

<div class="CAF-avatar">{postrow.displayed.POSTER_AVATAR}</div>

Enregistre et publie

Et à la CSS tu places ceci :

Code:

/*taille et forme avatar profil*/
.CAF-avatar img {border-radius: 80px;}

Le border-radius: 80px fera l'arrondi de l'avatar, modifie le 80px en fonction

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums Forumactif


Le problème vient du fait que les invités n'ont pas accès au profil de vos membres.

Du coup quand on est connecté, l'avatar est un lien représenté visuellement par l'avatar lui-même, mais une fois déconnecté l'avatar est une banale image.

Dans votre CSS vous avez ceci :

Code:

.postdetails.poster-profile a img

Et si le lien (balise <a>) n'est plus là, le CSS restera sans effet.

Facile à vérifier sans toucher au code !
PA > Utilisateurs > Permissions spéciales > Voir le profil : Invités

Se déconnecter du fofo, le problème devrait disparaitre.
Bien penser à remettre la visibilité des profils sur ce qu'elle était auparavant : membres je présume ?

---

Les membres nous ont signalé le problème à la fois sur Firefox et sur Chrome. Sachant que, nous, lorsque nous avons 'créé' le design sur Firefox, nous n'avons pas rencontré le problème ...

Là par contre, ya un truc qui cloche. Si le problème vient bien du fait que l'avatar soit cliquable pour les membres et pas pour les invités, le problème devrait être là pour tout le monde : Aucun arrondi ni forçage des dimensions.

Si c'est pas indiscret, d'où provient le code de votre template ?

[*Splash*]

Hi Hélène,

Le problème vient du fait que les invités n'ont pas accès au profil de vos membres.

Certes, avec la solution que je propose même si les invités n'ont pas accès aux profils des membres l'avatar sera rond pour eux aussi
Voir ici > Clique

[Neptunia]

Tu fournis une solution et moi j'explique pourquoi ça ne marchait pas sans rien proposer. Nos réponses sont complémentaires.

En fait j'avais commencé ma rédaction avant ton message et au moment de valider j'ai préféré laisser mon message qui expliquait le pourquoi du "ça marche pas"

[Yun et Mimie]

Merci pour votre aide super rapide à tous les deux !

Bien penser à remettre la visibilité des profils sur ce qu'elle était auparavant : membres je présume ?

Nous n'avons pas touché ces permissions au changement de design, mais c'était effectivement sur " Membres " avant Je (Mimie) viens de faire la modification que vous m'avez conseillée et les membres m'ont confirmé que le problème n'était plus là !

Là par contre, ya un truc qui cloche. Si le problème vient bien du fait que l'avatar soit cliquable pour les membres et pas pour les invités, le problème devrait être là pour tout le monde : Aucun arrondi ni forçage des dimensions.

Si c'est pas indiscret, d'où provient le code de votre template ?

Pas d'indiscrétion mais j'aurai du mal à vous répondre j'ai utilisé plusieurs tutoriels de ce forum d'aide (merci en passant !) et sur des forums de libre-service, et je les ai adaptés à mes besoins pour avoir le résultat que je souhaitais (c'est sûrement pour ça que le CSS est un peu " foutraque "). De fait ça ne répond pas vraiment à ma question du pourquoi ça n'affectait que certains membres en invité mais puisque ça semble fonctionner maintenant, je ne vais pas me poser trop de questions ...

Je mets donc en Résolu, encore merci !

Édit : Je ne savais pas qu'on ne pouvait remercier qu'une personne par sujet ... Mais je vous remercie évidemment tous les deux !

[Neptunia]

Si je posais la question c'était non pas à cause du CSS mais du HTML

J'ai vu un span (celui du profil) contenir plusieurs <div> alors que c'est une erreur. Chaque balise a ses propriétés et on ne peut pas imbriquer des éléments n'importe comment.
On peut mettre des span dans une div mais pas l'inverse. J'éviterais de rentrer dans les détails pour ne pas vous embrouiller. Pour faire court, dans ce genre de situation, chaque navigateur va se débrouiller comme il peut et on risque d'avoir des rendus différents d'un navigateur à l'autre.

Si vous m'aviez dit "Ca vient du site Y" j'aurais simplement gardé l'info en mémoire (histoire de me méfier d'autres codes de même origine).

Edité : Pour les remerciements, en ce qui concerne la plupart des aidants, on n'aide pas pour avoir un bandeau vert sur notre message ou un compteur à côté du cœur vert. Bien sûr ça fait toujours plaisir mais c'est pas un peu de verdure qui nous motive.

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.