Arrondir les avatars des membres et rajouter une bordure autour

[chattigre]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,
Il me semble avoir tout mis dans le titre...
J'ai trouvé des codes sur le FdF mais, rien à faire, ils ne fonctionnent pas...
Peut-être est-ce un bug, j'ai déjà vidé le cache de mon navigateur... j'aurais peut-être besoin d'un membre du staff car tous les codes que j'ai trouvé restent sans effets... bizarre
Merci d'avance

[*Splash*]

Hi,
Édite le template viewtopic_body, trouve cette variable :

Code:

{postrow.displayed.POSTER_AVATAR}

Et remplace-là par ceci :

Code:

<div class="CAFavatrond">{postrow.displayed.POSTER_AVATAR}</div>

Pense à enregistrer les modifications et à publier le template modifié


Pour la CSS...

Mets ce code à la CSS :

Code:

/* AVATAR ARRONDI */
.CAFavatrond img {
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
  border-radius: 80px;
/* Bordure */
  border-width:6px; /* épaisseur de la bordure */
  border-style:solid; /* bordure pleine */
  border-color:black; /* couleur de la bordure */
}
/* FIN AVATAR ARRONDI */

Ce code est fonctionnel pour un forum phpBB3 avec des avatars de 150x150px

[chattigre]

Merci beaucoup *splash* !
Ça fonctionne !
Je passe en !

[*Splash*]

Service