[AWESOMEBB] Image décorative en plus sur avatar

Coucou Alex,

pour ta version ce sera ce script:

Il faudra mettre le lien de l'image entre les guillemets dans le script ici:

Code:

var img="LE LIEN DE L IMAGE";

Puis adapter la position ici:

Code:

style="position: relative;top: -44px;left: -22px;"/>

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur l'index.


Déposes ceci:

Code:


$(function(){
  $('div.avatar-default').each(function(){
//METTRE LE LIEN DE L IMAGE ENTRE LES GUILLEMETS
var img="LE LIEN DE L IMAGE";
    $(this).append('<img src="'+img+'"style="position: relative;top: -44px;left: -22px;"/>');
  });
});


Penser a cliquer sur le bouton

Merci Phil. J'ai testé mais j'ai un rendu bizarre. Sans parler de la position, on dirait que l'image fait zoomée et peu importe que je la redimensionne elle reste zoomée avec un fond rond comme les avatars. Pourtant le bonnet est bien une icône transparente. 

Là, pour te montrer un peu le bug sur le fond, quand j'enlève le lien de l'image. On voit bien que ca refait un rond comme pour l'avatar. 

Hello Alex,
alors en fait il reprend la css de base , modifies le script ainsi et tu auras ce que tu souhaites Alex:

Code:

$(function(){
  $('div.avatar-default').each(function(){
var img="https://www.zupimages.net/up/20/50/ia1q.png";
    $(this).before('<img src="'+img+'"style="position: relative;top: -26px;left: -44px;"/>');
  });
});

Coucou Phil. Super ca marche. Merci beaucoup.  

De rien Alex,
penses à bien cliquer sur le lien en haut de ton message initial et non pas éditer ton message pour le marquer en "Résolu" .

Il ressemble à ceci: