Avatar arrondis... mais le cadre? Q_Q

[Nyko-neko]

https://forum.forumactif.com/t336096-arrondir-l-avatar?highlight=avatar


bonjour j'ai suivi cette discution pour arrondir les angles de mes avatar et c'est PARFAIT à un détail près..;J'aimerais un cadre pour les avatar.

j'aimerais si possible faire que le cadre soit une image (comme autour du contexte sur mon accueil), mais si on peut pas faire avec une couleur.

http://heart-poudlard.harrypotterfans.fr/


voial ej suis fonda css perso et je ne crois pas qu'il y ai de liens avec les TP.

merci de vos aides

[Matriochka]

Re-bonjour,

Il vous suffit d’ajouter ces quelques lignes dans votre CSS, à l’élément qui désigne les avatars :

Code:

background-image:url("url_de_votre_image.png");
padding:Xpx;

Remplacez les valeurs par celles de votre choix.

background-image : image de fond utilisée pour votre cadre
padding : marge interne, ici, elle règle la largeur du cadre autour de votre avatar

[Nyko-neko]

merci encore une fois, je sais pas ce que je ferais sans toi (tutoie moi je préfèrerais ^^')

juste les arrondis ne son pas pris dans le cadre, il n'y a que les surface plate où le doré apparait

[Matriochka]

Bon, très bien, je te tutoie Alors… On va passer par les templates pour faire ça.

Va dans dans :
Panneau d’admin → Affichage → Templates → viewtopic_body,

Trouve cette partie :

Code:

{postrow.displayed.POSTER_AVATAR}

(la variable qui permet d’afficher l’avatar des membres)

Remplace-la par ceci :

Code:

<div id="avatarpost">{postrow.displayed.POSTER_AVATAR}</div>

Puis dans ton CSS, tu ajoutes :

Code:

#avatarpost {
background-image:url("http://i31.servimg.com/u/f31/16/61/99/22/couleu10.png");
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
padding:5px;}

Ça devrait arrondir ton cadre en plus de l’arrondi que tu as déjà sur l’image.

[Nyko-neko]

tu es un dieu/déesse!