Arrondir les avatars.

3 participants

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

Résolu Arrondir les avatars.

Message par Delancre Jeu 6 Juin 2013 - 0:09

Bonsoir,

Voilà, j'aurai bien aimé savoir s'il existait un code pour arrondir automatiquement les avatars du forum.

Merci, bonne soirée Smile.


Dernière édition par Delancre le Jeu 6 Juin 2013 - 13:32, édité 1 fois
Delancre

Delancre
**

Messages : 81
Inscrit(e) le : 25/04/2013

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

Résolu Re: Arrondir les avatars.

Message par Sinavlia Jeu 6 Juin 2013 - 1:15

Bonjour !

Pour cela, il te faut aller dans ton template viewtopic_body.
Cherche cette variable : {postrow.displayed.POSTER_AVATAR}.
Quand tu l'as repérée, supprime-la et remplace-la par :

Code:
<span class="avatar">{postrow.displayed.POSTER_AVATAR}</span>

Pui rendez-vous dans ton CSS où tu insères ce code :

Code:
.avatar {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; }
}

Explication rapide : Le "5px" correspond à l'arrondi de l'avatar. Plus le nombre est grand, plus c'est arrondi !
Et les préfixes "-moz-" et "-webkit-", c'est pour que cela fonctionne sur les anciennes versions de Firefox et Chrome.
Si tu veux modifier le nombre, il faut donc que tu modifies tous les "5px".

Voiloù !

Cordialement
Sinavlia

Sinavlia
***

Féminin
Messages : 101
Inscrit(e) le : 02/04/2013

http://eclectic-paradise.faireforum.com
Sinavlia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir les avatars.

Message par Delancre Jeu 6 Juin 2013 - 13:32

Bonjour,

Merci beaucoup d'avoir répondu.
Alors, ça ne marche pas... J'ai déjà modifié la partie profil de mon template, donc le problème vient probablement de là, ou alors j'ai mal positionné le code.
Enfin, je n'en ai pas vraiment besoin, donc c'est pas un soucis.

Encore merci Smile.
Delancre

Delancre
**

Messages : 81
Inscrit(e) le : 25/04/2013

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

Résolu Re: Arrondir les avatars.

Message par skysky Jeu 6 Juin 2013 - 13:37

Bonjour,

Et avec ce code de Sinavlia modifié ?
Code:
.avatar img {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px; }
}
skysky

skysky
***

Masculin
Messages : 179
Inscrit(e) le : 04/08/2012

http://skysky.forumactif.com/
skysky 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