[PHPBB2] Souci de décalage sous l'avatar

Invité · Invité Mar 10 Nov 2020 - 16:07

Version du forum :
PHPBB2
Templates modifiés :
oui
Navigateur :
Opera

Bonjour mon Phil,

je viens de m'apercevoir qu'il y avait un décalage quand un trophée s'ajouter, voir le sceen :

crois-tu que tu peux me l'améliorer s'il te plait ?

le JS est : "Ajout inventaire profil+zoom image[Sur les sujets]"

Code:: /*Ajout inventaire profil*/ $(function(){ $('img[src="https://nsa40.casimages.com/img/2020/03/02/200302054717435418.png"]').each(function(){ // ON DONNE UNE CLASS inventaire SEULEMENT SI L IMAGE N EST PAS CELLE PAS DEFAUT $(this).closest('.M14_profil').nextAll().find('.M14_content img[src!="https://nsa40.casimages.com/img/2020/03/03/200303052828541210.png"]').closest('div').addClass('inventaire'); }); // L IMAGE PAR DEFAUT MASQUEE $('img[src="https://nsa40.casimages.com/img/2020/03/03/200303052828541210.png"]').each(function(){$(this).closest('div').hide();}); }); $(function(){$('.postdetails.poster-profile').each(function(){ var test=$(this).find('.inventaire ').length; if(test<2){$(this).find('img[src="https://nsa40.casimages.com/img/2020/03/02/200302054717435418.png"]').attr('title',''+test+' trophée'); } if(test>1){$(this).find('img[src="https://nsa40.casimages.com/img/2020/03/02/200302054717435418.png"]').attr('title',''+test+' trophées'); } var a=$(this).find('img[alt="Vide"]').length; //le lien de l image de récompense 48px X 48px var img="https://i.servimg.com/u/f20/20/11/87/27/star10.png"; // Si au moins 7 récompenses on affiche l image if(test>=4){$(this).closest('td').find('span.name').before('<img src="'+img+'"title="'+test+' trophées remportés"style="position: absolute;margin-left: -48px;"/>'); } //a condition d avoir au moins 7 recompenses on impose un saut de ligneif(test>7) {$(this).find('.M14_profil.inventaire:eq(6)').after('<br /><br />'); } //Si aucune recompense on supprime tout if(a===14){$(this).find('img[src="https://nsa40.casimages.com/img/2020/03/02/200302054717435418.png"]').closest('div.M14_profil').remove();$(this).find('img[alt="Vide"]').closest('div').remove(); } });}); /*zoom image*/ $(function(){ $('.postbody').find('div:not(.signature_div)').find('img:not([longdesc])').addClass('zoom'); });

le CSS

Code:: .M14_profil.inventaire {width: 190px !important;margin-left:13px;} .M14_profil.inventaire .label{display:none;} .M14_profil.inventaire .M14_content{width:32px;height:32px;border-radius:32px;display: block;float: left;} .M14_profil.inventaire .M14_content img{width:32px;height:32px;border-radius: 32px;}

je te remercie d'avance

mes amitiés