Résolu Comment créer un badge sur l'avatar - xenForo

[Tiiix™]

Salut !

Je cherche depuis pas mal de temps maintenant, et je ne sais pas du tout comment faire...

Je voudrais faire quelque chose comme ça :

Une sorte de pastille circulaire placée en superposition sur l'avatar de l'utilisateur.

On peut voir ça sur pas mal de forums à l'heure actuelle, donc celui-ci


Quelqu'un peut me guider / passer l'astuce ?


Merci d'avance !

 

[Rivals]

C'est pour y mettre quoi ?

Pour obtenir le CSS il te suffit de faire inspecter élément sur cette bulle, la template concernée est message_user_info

 

[deleted535977]

Salut

Comme a dit Rivals il te faut juste de faire un inspecter élément sur la bulle

CODE CSS <Cercle>

#circle {
    width: 100px;
    height: 100px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

 

[Tiiix™]

@Naïm
Je te remercie. Comment le rattacher à un groupe ou un utilisateur en particulier ensuite ?

 

[ALGER-SAT]

Salut

Comme a dit Rivals il te faut juste de faire un inspecter élément sur la bulle

CODE CSS <Cercle>

#circle {
    width: 100px;
    height: 100px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

bonsoir ❤ Naïm ❤ svp je mais ou ce code au juste message_user_info

 

[deleted535977]

@Naïm
Je te remercie. Comment le rattacher à un groupe ou un utilisateur en particulier ensuite ?

Demande a @Rivals parce que je suis pas un pro sur xenForo !

 

[deleted535977]

bonsoir ❤ Naïm ❤ svp je mais ou ce code au juste message_user_info

Demande a @Rivals parce que je suis pas un pro sur xenForo !

 

[ALGER-SAT]

Merci... bcp ❤ Naïm ❤ tes très simpa

 

[Xdor]

Merci pour le partage:

#circle {
width: 100px;
height: 100px;
background: red;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

 

[Paul GTP]

Salut,
Ta demande est-elle résolue ?

Si oui, je t'invite à cliquer sur Cette réponse a répondu à ma question sur le message qui t'a aidé pour rajouter le préfixe résolu à la discussion.

Bonne fin de nuit,
Paul GTP