Arrondir photo de profil

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

En cours Arrondir photo de profil

Message par Ocawina le Dim 5 Nov 2017 - 2:37

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Safari
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 04/11/2017
Lien du forum : http://ofpn-fraktale.forumactif.org/

Description du problème

Bonsoir Forumactif,

Encore une demande dans l'esthétique.

J'aimerais savoir s'il y a un code pour avoir les photos de profil de mes membres en arrondi (un gros cercle serait le top, sinon un carré aux angles arrondies) s'il vous plait ?

Code:

 
 
/*taille et forme avatar profil*/
 
.mod-login-avatar img {
  height: auto;
  width: auto;
  border-radius: 0;
  border: 0;
}

J'ai actuellement mis ce code (en inscrivant 50 à la place des zéro) mais ça n'a pas l'air de fonctionner..
avatar

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir photo de profil

Message par IzumiRK le Lun 6 Nov 2017 - 11:53

Bonjour,

Essaye ça pour l'affichage des profils :
Code:
.module .main-content img{border-radius: 50px;}
avatar

IzumiRK
***

Messages : 116
Inscrit(e) le : 25/02/2015

http://indare-division.forumactif.com/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir photo de profil

Message par Ocawina le Mar 7 Nov 2017 - 2:31

Simplement comme ça à la place du code entier ? (car ça ne marche pas)

Ou je le remplace par une ligne du code (lequel ?)
avatar

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir photo de profil

Message par tupac le Mar 7 Nov 2017 - 2:57

Bonsoir Ocawina, essayer avec ce code, a placer a la toute fin de votre feuille de style css.
Code:
.postprofile img{
    border-radius: 50px;
}
avatar

tupac
Membre actif

Masculin
Messages : 2535
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir photo de profil

Message par MasDan le Mar 7 Nov 2017 - 6:58

Bonjour Ocawina,

Pour obtenir un avatar rond avec bordure comme sur le FdF, à votre CSS remplacer par ceci
Code:
.user-basic-info a img {
  object-fit: cover;
  margin-left: 5px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 5px solid #FFF;
  box-shadow: 0 3px 4px #DDD, 0 -3px 4px #DDD, 3px 0 4px #DDD, -3px 0 4px #DDD;
}
avatar

MasDan
Aidactif
Aidactif

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

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

En cours Re: Arrondir photo de profil

Message par Ocawina le Jeu 9 Nov 2017 - 2:40

Nickel ! La luminosité autour se régule comment ?
avatar

Ocawina
**

Masculin
Messages : 91
Inscrit(e) le : 29/10/2012

http://opium-crocoburio.forumactif.org/forum
Ocawina a été remercié(e) par l'auteur de ce sujet.

En cours Re: Arrondir photo de profil

Message par MasDan le Ven 10 Nov 2017 - 6:08

Bonjour Ocawina,

Il faut modifier le 3ième paramètre (encerclé en rouge) pour chacun des cotés de l'image pour la propriété box-shadow.

Voir le site https://www.cssmatic.com/box-shadow pour vous familiariser avec cette propriété.
avatar

MasDan
Aidactif
Aidactif

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

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

En cours Re: Arrondir photo de profil

Message par Chacha le Jeu 16 Nov 2017 - 10:10

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55111
Inscrit(e) le : 21/08/2010

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