Ajouter une image au dessus de l'avatar dans les messages

Hello !
Suite à une demande de tutoriel juste ici je viens t'expliquer comme mettre une image juste au dessus de l'avatar dans les messages

Une image vaut mieux que 1000 mots




Cette astuce est valable pour toutes les versions


Tout d'abord, dans le template viewtopic_body tu vas chercher ceci :
{postrow.displayed.POSTER_AVATAR}

et le remplacer par ça :

Code:

<div class="MVN_avatar_message"><div class="image_sur_avatar"></div>{postrow.displayed.POSTER_AVATAR}</div>


Tu enregistres et tu publie.


Et dans la CSS (PA > Affichage > Couleurs > Feuille de style CSS)

Code:

.MVN_avatar_message{
position:relative;  
  overflow:visible
}

.image_sur_avatar{
  background:url('https://i.servimg.com/u/f13/20/00/86/27/1246310.png') no-repeat;
position:absolute;
  width:50px;
  height:50px;
  right:-15px;
  top:-25px;
}

A toi de mettre ton image et de la placer où tu veux : en bas, en haut, à droite, à gauche, c'est toi qui choisi !

---

Si tu as une question ou si tu n'arrives pas à adapter à ton forum, tu peux poster à la suite de ce tutoriel. Pour que ça soit plus simple, merci de donner dés le début un lien où on peut voir le souci, ça évitera de perdre du temps