Avatar déformé

[Lana2]

Bonsoir,


J'ai changé la version de mon forum pour modernBB, qui d'ailleur est super. Merci à l'équipe

Mais les avatars qui sont maintenant ronds sont déformés. Que puis-je faire pour y remédier ?

[Shadow]

Bonjour !
Nous sommes heureux de voir que cette nouvelle version vous plait

Pour modifier la taille de base de votre avatar ainsi que sa forme, un petit peu de CSS s'impose

Rajoutez dans votre feuille de style les éléments suivants :

Code:

.postprofile-avatar img {
    border: 3px solid #FFF;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
    height: 100px;
    width: 100px;
}

Border-radius désigne l'arrondi des bords de votre avatar, je l'ai donc mis à 0px (120px à l'origine) afin qu'il apparaisse carré.
Il faut ensuite que vous définissiez la taille de base de vos avatars, je vous l'ai mise en 100*100 ce qui est une base standard, mais vous pouvez bien sûr la modifier comme vous le désirez en changeant les valeurs de height et width qui sont respectivement la hauteur et la largeur.

[Lana2]

Bonsoir,


Merci pour cette réponse rapide.
J'ai installé le CSS il me reste plus qu'a trouver le bon "dosage" car j'aime la forme ronde

[Shadow]

Bonjour,

Un border-radius à la valeur de votre avatar devrait faire l'affaire (par exemple pour un avatar de 100px*100px, border-radius : 100px devrait vous offrir la forme ronde que vous désirez )

[Lana2]

Après de multiples essais j'ai trouvé ce qui cloche.

En effet lorsque je change la hauteur et largeur certains avatars sont bien et d'autres qui allaient ne vont plus.
En fait tous les avatars qui ont une photos en hauteurs sont déformés. Du coup lorsque j'augmente la hauteur dans le CSS se sont ceux qui ont une image carrée ou rectangle qui en font les frais

[Shadow]

En effet

En fait, vos membres ne disposent pas tous d'avatars possédant la même dimension.

Dans ce cas le mieux serait que vous fixiez dans la charte de votre forum une dimension générale d'avatars, comme 100px*100px ou 120px*120px (de forme carrée mais surtout pas rectangle) ou que vous demandiez à votre membre de changer pour une seule et même dimension. Au moins, vos images seront toutes les mêmes et vous pourrez ainsi les voir de qualité similaire, sans rien changer dans le CSS

[Lana2]

Hello,

J'ai demandé aux membres d'utiliser des photos carrées et non rectangles pour ne pas que les avatars soient déformés.

J'ai également diminué la taille des avatars dans les messages en mettant le CSS suivant :

.postprofile-avatar img {
height: 100px;
width: 100px;
}


Merci pour l'aide. Je passe le post en Résolu