Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 le 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:
Avatar du dernier posteur arrondi Undefined

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 : 200
Inscrit(e) le : 01/03/2010

Voir le profil de l'utilisateur 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 le Lun 3 Sep 2018 - 16:21

J'ai trouvé, merci !
Mandrell

Mandrell
****

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

Voir le profil de l'utilisateur 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


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