css et javascipt sur avatar du profil avancé qui deviennent inactif du jour au lendemain

[demeter1]

Bonjour à tous,
je viens de m'apercevoir que 2 ccs et un js liés au profil avancé n'ont plus aucune action.

J'ai recherché le css et l'ai positionné en tête de liste de ma feuille de style mais, bien que la syntaxe soit bonne, rien ne s'applique. Il n'y a pas de doublon qui pourrait contrecarrer l'action de ces codes.

Code:

.friend-block img[alt=avatar] {width: 40px!important; height: 40px!important;border-radius:50px}td.row1.gensmall img[alt=avatar]{width:150px;height:150px;margin-bottom:20px;margin-top:20px;border-radius:90px}.

et le js qui est censé supprimer un encadrement au niveau du rang du membre

Code:

/*SUPPRIMER ENCADREMENT SUR RANG DU MEMBRE DANS LE PROFIL AVANCE*/
jQuery(function () {
  if( $('#profile-advanced-details').length ){
    $('.Paolino').css({
      "display": "none!important"
    });
  }
});

Une idée de ce qui pourrait pourrait occasionner ce soucis d'application de ce css et de ce js ?

Merci par avance pour votre aide

[Invité]

Hello Stéphane,
il y a eut dernièrement une modification concernant l'attribut "alt" des avatars.
Désormais, la plupart ont le alt qui correspond au pseudo.

La css a remplacer:

Code:


.friend-block div.avatar img{width: 40px!important; height: 40px!important;border-radius:50px}
#profile-advanced-details  div.avatar img{width:150px;height:150px;margin-bottom:20px;margin-top:20px;border-radius:90px}

Pour le script, tu peux le supprimer et remplacer par de la css:

Code:

#profile-advanced-details .message-text .Paolino{display:none;}

a++

[demeter1]

Bonjour Philippe,
merci pour ton aide .

Hélas ce nouveau css n'a aucune action; J'ai rajouté des !important et vidé mes caches mais rien à faire

Code:

.friend-block div.avatar img {
    width: 40px!important;
    height: 40px!important;
    border-radius: 50px!important;
}

#profile-advanced-details div.avatar img {
    width: 150px!important;
    height: 150px!important;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    border-radius: 90px!important;
}

#profile-advanced-details .message-text .Paolino {
    display: none!important;
}

Il a été rajouté en tout début de la feuille de style après avoir retiré l'ancien.

Voici la séquence pour l'avatar du profil avancé qui  est identique dans la partie amis et ignorés

Code:

<tr><td class="row1 gensmall" align="center"><img src="https://2img.net/u/3412/61/21/12/avatars/793-35.jpg" alt="dom32"><br>Rang: <span class="Paolino">Membre</span></td></tr>

En utilisant  td.row1.gensmall img ça fonctionne mais en créant des désordres au niveau du  row1 des messages.

[Invité]

Hello Stéphane,

hum, le texte "Rang" ne peut être englobé, donc on va procéder autrement mon ami.
On va donc repartir a zéro, tu peux tester ceci:

Supprimes:

Code:

#profile-advanced-details .message-text .Paolino {
    display: none!important;
}

Ajoutes:

Code:


#profile-advanced-details ol .message-text{font-size:0px;}
#profile-advanced-details ol .message-text a[href^="/g"]{font-size: 13px!important;}
#profile-advanced-details ol .message-text a[href^="/g"]:before{content:"Groupes:";font-size: 13px!important;}


Pour les avatars, le style est bien interprété sur ton fofo,ensuite afin qu'il ne touche pas d'autre partie du fofo,
tu peux modifier:

Code:

#profile-advanced-details div.avatar img {
    width: 150px!important;
    height: 150px!important;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    border-radius: 90px!important;
}
 

Par:

Code:

#profile-advanced-details ol li div.avatar img {
    width: 150px!important;
    height: 150px!important;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    border-radius: 90px!important;
}
 

a++

[demeter1]

Bonjour Philippe,
hélas, le profil avancé reste toujours aussi récalcitrant à tout css au niveau de l'avatar.


ce css par contre agit sur la partie amis et ignorés

Code:



#profile-advanced-details ol li div.avatar img {
    border-radius: 90px!important;
    height: 150px!important;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    width: 150px!important;
}

[Invité]

Hello Stéphane,

pour le propre profil , tu peux tester ceci sur toutes les pages:

Code:


$(function(){
if($('span.gen strong:contains(Profil),span.gen strong:contains(Statistiques),span.gen strong:contains(Amis),span.gen strong:contains(Contact),span.gen strong:contains(Les échanges)').length)
{
  $('head').before('<style>table[class="forumline"]:first-child tr td.row1.gensmall img{width: 150px !important;height: 150px !important;margin-bottom: 20px !important;margin-top: 20px !important;border-radius: 90px !important;}</style>');


};
   
});

Il y a surement moyen de réduire le script mais le temps presse actuellement:
a++

[demeter1]

Bonjour Philippe,
le script fonctionne à merveille sur les deux avatars présents dans le profil.

ps :il n'y a rien qui presse.

[Invité]

Hello Stéphane,

hum, je viens de tester d'autres possibilités,
mais sans résultat concluant.
a++

[demeter1]

Re Philippe,
merci pour cette recherche et, pour le temps passé à la résolution des soucis rencontrés avec ces codes.

l'avatar a repris un visuel plus agréable à l’œil et, c'est l'essentiel.

En te souhaitant une bonne soirée.