Arrondir l'avatar?

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

Résolu Arrondir l'avatar?

Message par Mandrell le Lun 6 Aoû 2012 - 4:34

Bonsoir !

J'ai une petite question concernant l'avatar : y a t-il une possibilité d'arrondir les bordures de l'image de l'avatar?
J'ai cherché partout, essayé tous les codes que je connaisse mais rien y faire, ça reste rectangulaire ><

Merci à celui ou celle qui répondra à cette question.


Dernière édition par Mandrell le Mar 7 Aoû 2012 - 12:29, édité 1 fois

Mandrell
***

Messages : 170
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: Arrondir l'avatar?

Message par PereFouras14200 le Lun 6 Aoû 2012 - 5:19


Le moyen est d'allez sur photofiltre, et de sélectionner ton image avec la forme ovale.

PereFouras14200
*

Messages : 36
Inscrit(e) le : 04/08/2012

http://fort-boyard-legende.forumdefans.com/
PereFouras14200 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Arrondir l'avatar?

Message par Milouze14 le Lun 6 Aoû 2012 - 5:32

Salut Mandrell,

pour les coins arrondis de l'avatar il faut procéder ainsi:

Code:

.postdetails.poster-profile a img
{
-webkit-border-radius: 6px;
border-radius: 6px;
}

Pense bien à valider les modifications en cliquant sur le bouton "Valider".
Edit:j'ai ajouté l'attribut "a" devant img pour n'afficher les arrondis que sur l'avatar
car l'image du rang sera aussi affecté dans le cas contraire Wink
a++


Dernière édition par Milouze14 le Lun 6 Aoû 2012 - 6:46, édité 1 fois

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir l'avatar?

Message par PereFouras14200 le Lun 6 Aoû 2012 - 5:41

@Milouze14 a écrit:Salut Mandrell,

pour les coins arrondis de l'avatar il faut procéder ainsi:

Code:

.postdetails.poster-profile img
{
-webkit-border-radius: 6px;
border-radius: 6px;
}

Pense bien à valider les modifications en cliquant sur le bouton "Valider".

a++

Code:

.postdetails.poster-profile img
{
-webkit-border-radius: 6px;
border-radius: 6px;
}
à placer dans ton CSS Smile

PereFouras14200
*

Messages : 36
Inscrit(e) le : 04/08/2012

http://fort-boyard-legende.forumdefans.com/
PereFouras14200 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir l'avatar?

Message par Milouze14 le Lun 6 Aoû 2012 - 6:08

Salut PereFouras14200,


à placer dans ton CSS


c'est une évidence Very Happy

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir l'avatar?

Message par Mandrell le Mar 7 Aoû 2012 - 12:29

C'est vraiment bizarre. J'ai essayé cela avant de venir vers vous (bon après, j'ai retiré le -moz car ce n'est plus opérationnel) et pourtant ça n'a pas marché mais là c'est impeccable xD
Merci beaucoup Milouze14 !

Mandrell
***

Messages : 170
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


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