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

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

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

Message par Bokouji le Mer 18 Mar 2015 - 20:02

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

Voilà mon souci, j'ai installé cette astuce sur mon forum :
http://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 : http://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


Dernière édition par Bokouji le Mer 18 Mar 2015 - 21:29, édité 1 fois

Bokouji
**

Masculin
Messages : 89
Inscrit(e) le : 05/12/2013

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

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

Message par MlleAlys le Mer 18 Mar 2015 - 20:54

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 ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

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

Message par Bokouji le Mer 18 Mar 2015 - 21:04

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 ?

Bokouji
**

Masculin
Messages : 89
Inscrit(e) le : 05/12/2013

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

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

Message par feelune le Mer 18 Mar 2015 - 21:13


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

feelune
Nouveau membre

Messages : 5
Inscrit(e) le : 04/06/2010

http://detenteamusement.forumactif.org/index.htm
feelune a été remercié(e) par l'auteur de ce sujet.

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

Message par Bokouji le Mer 18 Mar 2015 - 21:28

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.

Bokouji
**

Masculin
Messages : 89
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji 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