Recadrer les avatars des membres ayant posté en dernier sur l'index du forum

[Bokouji]

Bonjour, désolé pour le titre à rallonge, je ne voyais pas mieux.

Voilà mon souci, j'ai installé cette astuce sur mon forum :
https://forum.forumactif.com/t338068- (Avatar du membre ayant posté en dernier sur l'index du forum)

Voici l'effet obtenu :


Tout va bien, donc, si ce n'est que les avatars sont ratatinés. Un petit zoom pour mieux comprendre :


Et l'image du second avatar à titre de comparaison : https://2img.net/h/oi58.tinypic.com/vfi4h1.jpg

Les avatars sur mon forum ont une forme "portrait", mais l'affichage des avatars sur l'index est en carré (et je tiens à conserver cet affichage-ci). Comment faire, donc, pour "recadrer" l'image concernée, de manière à n'avoir qu'une partie de l'avatar (par exemple, seulement le centre de l'image), mais au bon format ?

En espérant que ce soit possible… Merci d'avoir lu ceci

[MlleAlys]

Bonjour,
pour redimensionner les avatars des derniers posteurs sur l'index, vous pouvez utiliser le code css suivant :

Code:

/*avatar dernier posteur*/
.lastpost-avatar img {
  width: auto;
  height: auto;
  max-width: 40px; /*largeur max*/
  max-height: 50px; /*hauteur max*/
}

ainsi les images ne seront plus déformées tout en restant dans les dimensions maximales indiquées (que vous pouvez modifier bien sûr ^^

[Bokouji]

Bonjour, merci pour la réponse.

Hélas, comme dit dans mon premier message je voudrais garder le format carré de l'image. Le code que vous me donnez là n'a pas l'air de garder l'image carrée, même en mettant 40px dans la largeur et la hauteur. À moins que je n'aie pas compris quelque chose ?

[feelune]

Excuser moi. J'aimerais savoir comment ont aligne l'avatar du dernier message sur l'index pour qu'il soit au centre?Merci a l'avance

[Bokouji]

Hm, après quelques essais j'ai pu réaliser ce que je voulais grâce à la propriété CSS clip…


feelune, personnellement j'ai utilisé les marges comme ceci :

Code:

.lastpost-avatar img {margin:0px 0px 0px 0px;}

(code à copier / coller dans panneau d'aministration => affichage => couleurs => feuille de styles css et valeurs à modifier selon l'envie)
Je ne sais pas si c'est adapté mais j'ai pu centrer l'avatar ainsi.

Du coup, pour moi c'est bon… Navré pour le sujet inutile, j'aurais dû mieux chercher avant mais je n'avais pas les bons mots clés.