Cadre arrondi autour de l'avatar.

[Botan]

Bonsoir,
Je suis à la recherche d'un code qui pourrai faire apparaître un cadre avec les bords arrondis autour des avatars sur mon forum. J'ai longuement cherché dans les archives de ce forum, mais à chaque fois que j'utilisais un code, je me retrouvais avec des gros pointillés autour de l'avatar et/ou les informations au bas des avatars complètements déformées. Je pense que c'est à cause de mon template.

Mon Css :

Spoiler:

Et mon template viewtopic_body :

Spoiler:

Merci d'avance

[Kord']

Bonsoir !

Pour commencer il faut donner une classe aux avatars, pour ensuite modifier leur apparence. Dans ton template tu as le code :

Code:

{postrow.displayed.POSTER_AVATAR}

C'est la variable qui définit l'avatar, elle correspond une balise < img / >. Remplace ça par :

Code:

<span class="Avatar">{postrow.displayed.POSTER_AVATAR}</span>

Peut-être que cette classe est déjà utilisée, remplace le nom que j'ai mis par ce que tu veux.

Ensuite, dans ton CSS, ajoute :

Code:

span.Avatar img {
-webkit-border-radius: Xpx;
-moz-border-radius: Xpx;
-o-border-radius: Xpx;
-border-radius: Xpx
border: Ypx solid Z;
}


Avec X le rayon que tu veux pour l'arrondi, Y l'épaisseur de ta bordure et Z la couleur de la bordure.

Voilà, j'espère avoir pu t'aider... et que ça marche ^^

Kord'.

[Botan]

Merci d'avoir essayé mais ça ne marche pas

[Kord']

Ah... au temps pour moi ^^ J'ai fait quelque chose du genre sur mon forum et ça a marché. Désolé ! Bonne continuation

Kord'.

[Botan]

Merci ^^

Edit : J'ai trouvé la solution ici.