Problème avec dimension avatars

[gribouille]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : début octobre
Lien du forum : http://lespelotines.forumgratuit.be/forum

Description du problème

Bonjour,
j'ai réglé la taille des avatars des membres à 180pixels hauteur sur 300 pixels largeur maximum
Hors les avatars sont redimensionnés à 153pix hauteur sur 218pix largeur
Pourriez-vous m'expliquer ce que je dois faire pour que les avatars retrouvent leurs bonnes dimensions?
Merci

[Oka.mi]

Bonjour,

180pixels hauteur sur 300 pixels largeur

Ne voulez-vous pas plutôt dire 180px de largeur sur 300 pixels de hauteur ?

En tout cas la raison de ce redimensionnement, c'est que dans votre template, la largeur de la colonne concernée est réglée par défaut sur 150px. Or dans votre CSS de base, vous avez cette ligne de code qui indique que la largeur maximale de votre avatar (plus précisément, les images de la colonne) fasse 100% de ce qui est paramétré au niveau de la colonne.

Code:

.postdetails.poster-profile img {
    max-width: 100%;
}

Du coup pour régler le problème, vous pouvez ajouter dans votre feuille CSS:

Code:

.postdetails.poster-profile img {
    max-width: 300px;
}

ou 180px selon ce que vous vouliez dire à la base.

[gribouille]

bonsoir

Merci pour votre réponse
Oui, désolée, je me suis trompée, c'est bien 180 de largeur sur 300 de hauteur
Je n'ai jamais eu ce problème avant avec les avatars et je n'ai rien changé

Pourriez-vous, s'il vous plait, m'indiquer le chemin à suivre pour faire le changement que vous m'indiquez ...

Merci

[Oka.mi]

Bonsoir,

Quelque chose m'est revenu entre-temps, mais quand vous dîtes

j'ai réglé la taille des avatars des membres à 180pixels hauteur sur 300 pixels largeur maximum

Voulez-vous dire que vous l'avez réglé dans votre panneau d'administration, ou manuellement ?
Car dans votre panneau d'administration, vous avez la possibilité de paramétrer les dimensions maximales de l'avatar dans Avatars > Gestion des avatars > Avatars personnels > Dimensions maximales de l'avatar.


En lisant une première fois votre message, je suis partie du postulat que vous l'avez fait et que ça n'a pas marché... mais en regardant sur mon forum test, ces paramètres sont bien pris en compte (et suppriment donc naturellement la largeur maximale de 100%).

Si vous avez essayé avec cette technique et que ça marche pas (mais ça m'étonnerait vu que vous m'avez dit n'avoir rien changé), vous pouvez alors passer par le CSS dans Affichage > Images et Couleurs > Couleurs > Feuille de Style CSS

Code:

.postdetails.poster-profile img {
        max-width: 180px;
    }

[gribouille]

bonjour,
Merci de votre réponse


En effet, j'ai fait la 1ère méthode

J'ai suivi le chemin que vous m'avez indiqué:  Affichage > Images et Couleurs > Couleurs > Feuille de Style CSS et voilà ce que j'ai:





et quand je clique sur Voir le CSS de base de votre forum j'obtiens un menu déroulant:



Je n'étais jamais allée voir les css...je n'y connais rien et je n'y ai jamais touché

bon, là je cale un peu...désolée de mon peu de savoir  

[Oka.mi]

Bonjour,

Hmm, êtes-vous sûre qu'avec la première méthode, vous avez cliqué sur ? Parce que sur votre forum je ne vois aucun paramétrage...
Je vous conseille de réessayer en enregistrant, parce que c'est quand-même fait pour ça !
Je vous remets l'explication :

dans Avatars > Gestion des avatars > Avatars personnels > Dimensions maximales de l'avatar.

Mais ne vous inquiétez pas, on est là pour vous expliquer si vous ne comprenez pas
Quand vous cliquez sur "voir le CSS de base de votre forum", vous accédez au fichier du CSS de base (d'où le déroulant, car il est un peu long !).
C'est là-dedans qu'est spécifié la largeur maximale, mais pour la modifier, vous n'avez pas besoin d'accéder au fichier, vous avez juste besoin de l'ajouter dans le cadre au-dessus, là où il y a cette ligne de code :

Code:

a {text-decoration: none;}

Ce cadre contient le CSS personnalisé de votre forum, il est ajouté par dessus le CSS de base. Pour régler le souci (si la première méthode n'a pas marché), vous ajoutez le code donné à la suite, pour donner ceci :

Code:

a {text-decoration: none;}

.postdetails.poster-profile img {
        max-width: 180px;
    }

Enfin, c'était juste pour l'explication, normalement vous n'avez pas besoin d'avoir recours à ça si vous passez par le paramétrage des dimensions de l'avatar directement dans la section dédiée

[gribouille]

bonjour,
Merci pour la réponse

Bonjour,

Hmm, êtes-vous sûre qu'avec la première méthode, vous avez cliqué sur ? Parce que sur votre forum je ne vois aucun paramétrage...
Je vous conseille de réessayer en enregistrant, parce que c'est quand-même fait pour ça !
Je vous remets l'explication :

dans Avatars > Gestion des avatars > Avatars personnels > Dimensions maximales de l'avatar.

Oui, oui, j'avais bien fait enregistrer, mais ça n'a rien changé...le plus bizarre, c'est que dans les messages privés, les avatars avaient la bonne taille

Mais ne vous inquiétez pas, on est là pour vous expliquer si vous ne comprenez pas
Quand vous cliquez sur "voir le CSS de base de votre forum", vous accédez au fichier du CSS de base (d'où le déroulant, car il est un peu long !).
C'est là-dedans qu'est spécifié la largeur maximale, mais pour la modifier, vous n'avez pas besoin d'accéder au fichier, vous avez juste besoin de l'ajouter dans le cadre au-dessus, là où il y a cette ligne de code :

Code:

a {text-decoration: none;}

Ce cadre contient le CSS personnalisé de votre forum, il est ajouté par dessus le CSS de base. Pour régler le souci (si la première méthode n'a pas marché), vous ajoutez le code donné à la suite, pour donner ceci :

Code:

a {text-decoration: none;}

.postdetails.poster-profile img {
        max-width: 180px;
    }

Enfin, c'était juste pour l'explication, normalement vous n'avez pas besoin d'avoir recours à ça si vous passez par le paramétrage des dimensions de l'avatar directement dans la section dédiée

Je viens de faire comme vous m'indiquez dans cette deuxième méthode, et ...il y a du mieux
Mais il reste quand même un petit soucis; un avatar de 177(H)x 252(L) est redimensionné à 175x249    on dirait que maintenant c'est la hauteur qui pose problème

Je crois que je suis un boulet...Merci pour votre patience

[Oka.mi]

Mais il reste quand même un petit soucis; un avatar de 177(H)x 252(L) est redimensionné à 175x249    on dirait que maintenant c'est la hauteur qui pose problème

Sur cette page https://lespelotines.forumgratuit.be/t7113-peinture-aux-numeros on peut voir que les avatars des membres Mado et pascale sont au format 175x249, mais c'est normal car c'est la taille des images d'origine :
https://2img.net/u/2517/50/72/90/avatars/135-92.jpg
https://2img.net/u/2517/50/72/90/avatars/18-25.jpg
Alors que votre avatar à vous https://2img.net/u/2517/50/72/90/avatars/2-48.jpg fait bien 177x252.

Vous avez donc deux solutions :

• soit vous redimensionnez les avatars concernés directement via votre logiciel de graphisme.
  
• soit vous redimensionnez les avatars avec du code et dans ce cas tout sera automatisé, pour tous les avatars anciens comme à venir. Pour cela il faudra aller dans le template viewtopic_body, cherchez la ligne suivante (ligne 149 si vous n'avez pas modifié le template) :
  

  Code:

  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

  remplacez-la par :
  

  Code:

  {postrow.displayed.RANK_IMAGE}<div class="post_avatar">{postrow.displayed.POSTER_AVATAR}</div><br /><br />

  Puis dans votre feuille de style css, ajoutez :
  

  Code:

  .post_avatar img{width:180px;}

[gribouille]

bonjour

Pour les avatars que vous citez
https://2img.net/u/2517/50/72/90/avatars/135-92.jpg
https://2img.net/u/2517/50/72/90/avatars/18-25.jpg
ils font bien 177x252 à l'origine




Ils sont donc redimensionnés, comme tous les autres, sauf le miens qui est aux bonnes dimensions et je ne comprends pas pourquoi

"le template viewtopic_body", où je peux trouver ça? Si je fais comme vous me dites, les avatars installés et à venir auront leurs dimensions réelles et ne seront plus redimensionnés?

A tout grand merci pour votre patience avec le boulet que je suis

[Oka.mi]

Bonjour !

Alors je veux bien continuer à vous aider mais à condition que vous arrêtiez de vous traiter de boulet
Vous avez sûrement plein de connaissances que je n'ai pas, on a tous à apprendre des autres ^^

Pour le template viewtopic_body, vous le trouverez dans l'onglet Affichage > Templates > Général, troisième lien en partant du bas

Pour le modifier il faut cliquer sur
Une fois la ligne concernée changée, vous cliquez sur et ensuite vous aurez ça à côté de votre template :

il faut cliquer sur pour publier le template (tant que vous ne l'aurez pas fait, les changements sont juste enregistrés mais pas exécutés)

Si je fais comme vous me dites, les avatars installés et à venir auront leurs dimensions réelles et ne seront plus redimensionnés?

C'est plutôt qu'ils seront tous redimensionnés à 180px, qu'ils fassent 175px, 177px, 193px... ils auront tous 180px de largeur grâce à la ligne de code, que vous pourrez bien sûr personnaliser après.

Pour le redimensionnement que subissent vos images actuellement (177x252 qui devient 175x249), je vais me renseigner auprès du staff pro.

[gribouille]

bonjour,

Je vais regarder à ça

Je vous remercie beaucoup pour votre patience et vos explication très claires même pour pour moi qui ...( non, je ne le dirai pas)

Merci et bonne journée

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Luzz]

Bonjour,

Grâce aux précisions d'Oka.mi la question a été transmise à l'équipe technique. Les techniciens essayeront de trouver d'où vient le problème (c'est un peu compliqué car nous n'arrivons pas à reproduire de notre côté ).

Merci de votre patience,
bien cordialement !

[Oka.mi]

Bonjour @gribouille,

L'équipe technique est intervenue pour appliquer les dimensions maximales d'un avatar (Avatars > Gestion des avatars > Avatars personnels) sur les options suivantes :
Envoyer l'avatar à partir d'une URL
Envoyer l'avatar depuis votre ordinateur

Il faut savoir qu'en passant par l'une de ces deux options, votre avatar est automatiquement réhébergé chez 2img.net, et lors de ce processus, il est redimensionné en fonction de la largeur maximale paramétrée alors. Nous pensons donc que le redimensionnement que vous avez eu sur vos avatars est dû à une dimension maximale paramétrée sur 175px lors de l'envoi des avatars concernés. En réessayant maintenant, vous ne devrez plus avoir le souci, car grâce à la correction apportée, je peux désormais voir que vous avez bien indiqué comme largeur maximale 180px.

Pour récapituler : en réhébergeant vos avatars maintenant, ils devraient rester à 177px de largeur s'ils en font 177px à l'origine, et s'ils font par exemple 183px, ils seront redimensionnés à 180px.
Si vous voulez qu'ils fassent tous 180px, il faut passer par les solutions évoquées dans ce message, la deuxième consistant notamment à définir une largeur fixe à la place d'une largeur maximale.

À bientôt !

[gribouille]

bonsoir

Je suis désolée d'avoir tardé à répondre mais nous avons eu un décès dans la famille

Je vous remercie beaucoup pour votre patience et vos explications

Je vais réinstaller les avatars

Merci bonne soirée

[Oka.mi]

Faites à votre aise : un sujet, même archivé, peut être replacé si vous le demandez (par mp à un modérateur).
Prenez soin de vous et courage dans cette épreuve.