Border-radius sur les avatars contenus dans le profil avancé

3 participants

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

Résolu Border-radius sur les avatars contenus dans le profil avancé

Message par demeter1 Mer 5 Oct 2016 - 22:17

Détails techniques


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

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
est-il possible d'appliquer un border-radius aux avatars contenus dans le profil ?

j'ai beau tenter touts les combinaisons possibles, je n'arrive à obtenir q'un border sur la partie supérieure de l'avatar et ce même en fixant le height et le width de l'image.

Merci par avance pour votre aide.


Dernière édition par demeter1 le Ven 14 Oct 2016 - 8:47, édité 1 fois
demeter1

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Border-radius sur les avatars contenus dans le profil avancé

Message par MasDan Jeu 6 Oct 2016 - 17:28

Bonjour demeter1,

Ce code CSS fonctionne chez-moi
Code:
div.friend-block img {border-radius: 50px;}

MasDan

MasDan
Membre habitué

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

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

Résolu Re: Border-radius sur les avatars contenus dans le profil avancé

Message par demeter1 Jeu 6 Oct 2016 - 18:52

Bonjour Masdam,
merci pour cette aide.

Je viens de comprendre le soucis; un padding avait été rajouté dans le thème par défaut sur le td.row1.gensmall. la hauteur de la celulle étant plus grande, le border en partie basse était masqué.

Vous auriez une idée pour ce qui concerne l'avatar du membre ,
J'ai bien procédé ainsi mais au niveau propreté du code,cela laisse à désirer

Code:
td.row1.gensmall img { margin-bottom: 50px; margin-top: 10px; border-radius: 90px; height: 150px; width: 150px;}

et
Code:
.friend_list_online_status img {
  height: 10px!important;
  width: 10px !important;
}

Pour contrecarrer l'agrandissement des puces en ligne/hors ligne.

demeter1

demeter1
Membre actif

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

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Border-radius sur les avatars contenus dans le profil avancé

Message par Chacha Ven 14 Oct 2016 - 8:20

Border-radius sur les avatars contenus dans le profil avancé 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 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.
Chacha

Chacha
Modéractif
Modéractif

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

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Border-radius sur les avatars contenus dans le profil avancé

Message par demeter1 Ven 14 Oct 2016 - 8:46

je clôture. Désolé pour ce retard.
demeter1

demeter1
Membre actif

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

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