Avatar rond sur PC PHPb2

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

En cours Avatar rond sur PC PHPb2

Message par Mat le Mer 6 Sep 2017 - 13:22

Bonjour Clin d'oeil
Je voudrais savoir comment je pourrais faire pour avoir les avatars ronds sur la version PC en PHPb2 Visage souriant
J'ai déjà ce code pour l'affichage de l'avatar sur les derniers topics Visage amusé
Code:
.lastpost-avatar img {
  border-radius: 150px;
  -webkit-border-radius:150px;
  -moz-border-radius:150px;
}

Mais je voudrais faire de même pour l'avatar sur les sujets, sur le porfil et dans la toolbar Visage souriant

Merci d'avance Visage souriant
avatar

Mat
*****

Messages : 760
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar rond sur PC PHPb2

Message par Mat le Dim 10 Sep 2017 - 12:10

Et un up Wink
avatar

Mat
*****

Messages : 760
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: Avatar rond sur PC PHPb2

Message par Bad_girls le Lun 11 Sep 2017 - 20:48

avatar

Bad_girls
*****

Féminin
Messages : 685
Inscrit(e) le : 21/09/2010

http://leforumdesamis.monally.com/portal.htm
Bad_girls a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar rond sur PC PHPb2

Message par Mat le Mar 12 Sep 2017 - 13:41

Merci Visage souriant
Mais j'ai le même problème que Felix25
Felix25 a écrit:Avant:
 


Après:

Tu vois, je parle de la largeur que prend l'espace pour les image et profil, elle s'est élargie

Tu lui à répondu ceci Bad_girls :
Bad_girls a écrit:Bonjour!

Il faut juste modifier la taille de ton cercle

Moi je l'ai mis à 130




Et pour la bordure, quelqu'un peut m'aider svp? J'aimerai faire comme ici!
merci d'avance!

Mais le problème c'est que ça réduit aussi la taille de l'avatar Visage tirant la lan

Merci d'avance Visage souriant
avatar

Mat
*****

Messages : 760
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: Avatar rond sur PC PHPb2

Message par Bad_girls le Mer 13 Sep 2017 - 21:06

Hello!

Voilà mon code CSS. À toi de changer la couleur si tu prends avec le bord... Wink

AVATAR ROND AVEC UN BORD (DERNIERE LIGNE)

Code:
/* Avatar arrondi dans les messages */
.postdetails.poster-profile .avatar-posteur img{
  border-radius: 100px;
  height: 130px;
  width: 130px;
  border: 3px solid #29480f;
}

AVATAR ROND SANS BORD

Code:
/* Avatar arrondi dans les messages */
.postdetails.poster-profile .avatar-posteur img{
  border-radius: 100px;
  height: 130px;
  width: 130px;

Cordialement
avatar

Bad_girls
*****

Féminin
Messages : 685
Inscrit(e) le : 21/09/2010

http://leforumdesamis.monally.com/portal.htm
Bad_girls a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar rond sur PC PHPb2

Message par Mat le Sam 16 Sep 2017 - 12:48

J'ai déjà ce CSS mais comme je dit plus haut, le problème c'est que ça réduit aussi la taille de l'avatar 
avatar

Mat
*****

Messages : 760
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar rond sur PC PHPb2

Message par Bad_girls le Sam 16 Sep 2017 - 18:02

Mat a écrit:J'ai déjà ce CSS mais comme je dit plus haut, le problème c'est que ça réduit aussi la taille de l'avatar 

Hello!

Ben comme répondu plus haut, il te suffit de changer la taille, et l'avatar sera plus grand! Very Happy

Cordialement
avatar

Bad_girls
*****

Féminin
Messages : 685
Inscrit(e) le : 21/09/2010

http://leforumdesamis.monally.com/portal.htm
Bad_girls a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar rond sur PC PHPb2

Message par MasDan le Sam 16 Sep 2017 - 19:28

Bonjour Mat,

Pour obtenir un avatar rond (les dimensions de hauteur et largeur de l'image doivent est égale)

De ce code

remplacer les lignes 215, 216 et 217 par
Code:
border-radius : 50%;
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1081
Inscrit(e) le : 24/05/2011

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

En cours Re: Avatar rond sur PC PHPb2

Message par Mat le Jeu 21 Sep 2017 - 20:33

Merci Clin d'oeil
Mais j'ai toujours le bord qui s'agrandit Visage souriant
Merci d'avance Visage souriant
avatar

Mat
*****

Messages : 760
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar rond sur PC PHPb2

Message par Mat Hier à 11:24

Et un up Wink
avatar

Mat
*****

Messages : 760
Inscrit(e) le : 05/09/2015

https://www.fidjix.com/
Mat a été remercié(e) par l'auteur de ce sujet.

En cours Re: Avatar rond sur PC PHPb2

Message par demeter1 Hier à 13:30

Vu que vous avez déjà dans votre css :
Code:
.postdetails.poster-profile img {
    max-width: 200px;
    max-height: 200px;
    }

Vous rajoutez
Code:
.postdetails.poster-profile img {
        border-radius: 50%;
}

ou vous remplacez le css initial par
Code:
.postdetails.poster-profile img {
          max-width: 200px;
          max-height: 200px;
          border-radius: 50%;
}

le max-width et max-height donnent une taille limite à ne pas dépasser mais si vous voulez fixer la taille, vous devez passer par width et height.

Nota: toujours vérifier que votre css ne comporte pas déjà l'identifiant concerné; cela évite des soucis de css qui ne fonctionne pas.
avatar

demeter1
Membre actif

Masculin
Messages : 8405
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 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