Avatar du dernier posteur arrondi

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

Résolu Avatar du dernier posteur arrondi

Message par Mandrell Ven 31 Aoû 2018 - 17:42

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : http://www.good-morning-america.org/

Description du problème

Bonjour !

En réalité, il s'agit d'une question ^^ Je voudrais arrondir l'avatar du dernier posteur dans les catégories cependant, comme vous pouvez le voir dans le screen il est déformé >< est-ce qu'il y a une possibilité de l'arrondir sans qu'il ne soit déformé ?

Voici le petit code CSS qui lui est attribué ;

Code:
.lastpost-avatar{
      width: 60px !important;
      height: 60px !important;
      margin-right:3px;
   }
   
   .lastpost-avatar img{
      width: 60px !important;
      height: 60px !important;
      padding: 0px;
      opacity: 0.9; /* opacite au survol */
      filter: grayscale(0);
      -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -o-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
      -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
      -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
      transition: opacity 0.5s ease-in-out;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
   }
   
   .lastpost-avatar img:hover {
      padding: 0px;
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      opacity: 0.5;/* l'opacite que vous voulez au depart */
      -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
      filter: alpha(opacity = 10); /* Hack IE 5-7 */
      -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
      -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
      -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
      transition: opacity 0.5s ease-in-out;
      /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut
      transition sera pris en compte par tous les navigateurs */  }

Je vous remercie par avance ^^


Dernière édition par Mandrell le Lun 3 Sep 2018 - 16:43, édité 1 fois
Mandrell

Mandrell
****

Messages : 212
Inscrit(e) le : 01/03/2010

http://www.good-morning-america.org/
Mandrell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar du dernier posteur arrondi

Message par Mandrell Lun 3 Sep 2018 - 16:21

J'ai trouvé, merci !
Mandrell

Mandrell
****

Messages : 212
Inscrit(e) le : 01/03/2010

http://www.good-morning-america.org/
Mandrell a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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