Avatar arrondis... mais le cadre? Q_Q

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

Résolu Avatar arrondis... mais le cadre? Q_Q

Message par Nyko-neko le Mar 4 Sep 2012 - 16:22

http://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 Smile


Dernière édition par Nyko-neko le Mar 4 Sep 2012 - 19:30, édité 1 fois

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar arrondis... mais le cadre? Q_Q

Message par Matriochka le Mar 4 Sep 2012 - 16:29

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

Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar arrondis... mais le cadre? Q_Q

Message par Nyko-neko le Mar 4 Sep 2012 - 16:36

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

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar arrondis... mais le cadre? Q_Q

Message par Matriochka le Mar 4 Sep 2012 - 16:44

Bon, très bien, je te tutoie Razz 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.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar arrondis... mais le cadre? Q_Q

Message par Nyko-neko le Mar 4 Sep 2012 - 19:29

tu es un dieu/déesse!

Nyko-neko
****

Masculin
Messages : 306
Inscrit(e) le : 10/06/2012

http://fairytale-world.forums-rpg.com/
Nyko-neko 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