Avatar déformé

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Avatar déformé

Message par Lana2 le Mer 7 Juin 2017 - 22:44

Bonsoir,


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

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



Dernière édition par Lana2 le Lun 12 Juin 2017 - 14:47, édité 1 fois
avatar

Lana2
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar déformé

Message par Shadow le Jeu 8 Juin 2017 - 11:36

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

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

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.

::fleur::


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Shadow
Adminactive
Adminactive

Féminin
Messages : 24236
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar déformé

Message par Lana2 le Jeu 8 Juin 2017 - 22:37

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 Wink
avatar

Lana2
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar déformé

Message par Shadow le Ven 9 Juin 2017 - 9:30

Bonjour,

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


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Shadow
Adminactive
Adminactive

Féminin
Messages : 24236
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar déformé

Message par Lana2 le Ven 9 Juin 2017 - 13:39

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 Shocked


scratch scratch scratch

avatar

Lana2
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar déformé

Message par Shadow le Ven 9 Juin 2017 - 17:02

En effet Very Happy

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 Smile

::fleur::


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Shadow
Adminactive
Adminactive

Féminin
Messages : 24236
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar déformé

Message par Lana2 le Lun 12 Juin 2017 - 14:47

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
avatar

Lana2
Nouveau membre

Féminin
Messages : 25
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum