Identifiant de l'image contenue dans les amis et ignorés

[demeter1]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
je suis en train de remplacer les images contenues dans le forum par des icones fontawesone.

Pour la partie ais et ignorés, je trouve cette séquence

Code:

<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes&amp;remove=21" title="Supprimer"><img src="https://i68.servimg.com/u/f68/11/93/85/24/moins10.gif" alt="Supprimer"></a>

pour remplacer l'image j'ai tenté de passer par :
.friends-foes-list img et #profile-advanced-details a[href*="friendsfoes?mode=remove"] mais aucun résultat.

Auriez vous une idée de l'identifiant à utiliser pour pouvoir faire cette modification ?

Merci par avance pour votre aide.

[Faline]

Bonsoir,

Où se trouve cette séquence ?
Chez moi, ça fait

Code:

class="sprite-tabs_less"

pour le signe "-" et

Code:

class="sprite-tabs_more"

pour le "+". Même identifiant aussi pour le "+" permettant d'ajouter des destinataires aux mp.

[demeter1]

Bonjour Faline,
Merci pour l'intérêt que vous portez à ce sujet.

c'est la séquence que me donne l'outil du navigateur en ciblant  la zone. En développé sur le row1 et 2 , cela me donne :

Code:

<tr><td class="genmed row1" width="25%">Liste d'amis</td><td class="genmed row2" width="75%" valign="middle"><div class="friends-foes-list"><a href="/u21">Gaby</a>&nbsp;<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes&amp;remove=21" title="Supprimer"><img src="https://i68.servimg.com/u/f68/11/93/85/24/moins10.gif" alt="Supprimer"></a></div><div class="friends-foes-list"><a href="/u251">cocodepainpol</a>&nbsp;<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes&amp;remove=251" title="Supprimer"><img src="https://i68.servimg.com/u/f68/11/93/85/24/moins10.gif" alt="Supprimer"></a></div><div class="friends-foes-list"><a href="/u258">Zina</a>&nbsp;<a href="/profile?mode=editprofile&amp;page_profil=friendsfoes&amp;remove=258" title="Supprimer"><img src="https://i68.servimg.com/u/f68/11/93/85/24/moins10.gif" alt="Supprimer"></a></div></td></tr>

Je suis en profil avancé; c'est peu être la raison de la différence sur les identifiants. Mon forum a plus ou moins 9/10 ans et, est encore en win 1252.

[Faline]

effectivement, sur les forums anciens le code est différent. Celui que j'ai donné ci-dessus est valable pour

• un BB2 ouvert en mars 2010,
  
• le fdf ici et
  
• un tout nouveau d'il y a 2 semaines en BB2.
  

Sur celui ouvert en août 2006, c'est effectivement différent, mais mes images (par défaut) s'appellent
https://2img.net/i/fa/subsilver/tabs_less.gif et
https://2img.net/i/fa/subsilver/tabs_more.gif
Donc il y a aussi ce tabs_less et tabs_more dans l'air.

Mais en fait, qu'est-ce qui t'empêche de créer ce/un style et de l'appliquer dans le(s) template(s) en question ? Sur les forums où ce style existe, l'image dans le code est l'image vide (empty.gif) :

Code:

<img class="sprite-tabs_less" alt="Refuser" src="https://2img.net/i/fa/empty.gif">

Concrètement, partout où tu as cette image hébergée chez servimg, tu la remplaces par l'image vide (voir des modèles) et tu ajoutes ton nouveau style (p. ex. appelé "signe_moins") et que tu définis dans ta feuille de styles.

Code:

<img src="https://i68.servimg.com/u/f68/11/93/85/24/moins10.gif" alt="Supprimer">

devient

Code:

<img class="signe_moins" src="https://...empty.gif" alt="Supprimer" >

Suivant le contexte ce texte alternatif sera "supprimer", "refuser"..., ce qui est déjà écrit.

:scratch:je ne comprends pas le sens de ces styles prédéfinis sur les forums récents, avec toute une série de boutons sur une même image (toujours les mêmes, il n'y a que l'extrait à afficher qui change), mais en tout cas, à les regarder j'ai l'impression que c'est bien là, l'endroit qu'on cherche :

Code:

.sprite-tabs_less{
   background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
   background-position:-1327px 0;
   width:9px;
   height:9px;
   }
.sprite-tabs_more{
   background:url("https://2img.net/i/fa/sprite_icons.png") no-repeat top left;
   background-position:-1386px 0;
   width:9px;
   height:9px;
   }


J'ai l'impression que ces styles/identifiants sont nés après l'ouverture de nos vieux forums et qu'il faut les créer un par un (il y en a 24) pour les vieux forums, si vraiment on y tient.
Cela fera quand-même un nombre plus petit de styles à définir chacun des boutons plutôt que de faire un style à chaque endroit où un de ces boutons se trouve appliqué. C'est après tout le sens d'un style.

[demeter1]

effectivement, sur les forums anciens le code est différent. Celui que j'ai donné ci-dessus est valable pour

• un BB2 ouvert en mars 2010,
  
• le fdf ici et
  
• un tout nouveau d'il y a 2 semaines en BB2.
  

Sur celui ouvert en août 2006, c'est effectivement différent, mais mes images (par défaut) s'appellent
https://2img.net/i/fa/subsilver/tabs_less.gif et
https://2img.net/i/fa/subsilver/tabs_more.gif
Donc il y a aussi ce tabs_less et tabs_more dans l'air.

Mais en fait, qu'est-ce qui t'empêche de créer ce/un style et de l'appliquer dans le(s) template(s) en question ? Sur les forums où ce style existe, l'image dans le code est l'image vide (empty.gif) :

Code:

<img class="sprite-tabs_less" alt="Refuser" src="https://2img.net/i/fa/empty.gif">

Bonjour Faline,
Ce serait une solution mais le template amis et ignorés n'est pas présent dans le PA. Il me semble que fa n'y a jamais donné accés du fait qu'il contient des encarts publicitaires. C'est la même chose pour d'autres templates ( brouillons, sujets surveillés, favoris..).

Pour les autres templates, je me débrouille en modifiant la variable contenant l"image ou avec la propriété before.

Je vais tester les derniers identifiants que vous m'avez fourni.

Merci pour cette aide.

[Faline]

En espérant que ça marche et en considérant que certains templates ne sont pas atteignables, je proposerais de rechercher sur le bloc-notes de Windows dans la feuille de styles par défaut tous les styles comportant (dans l'identifiant ou la définition) le terme "sprite" (il y en a des tonnes) et d'attribuer l'icône fontawesome correspondante. Comme ça, on les aura en bloc sans avoir à se préoccuper de leurs lieux d'apparitions/variables respectifs(ives).

si vraiment tu veux remplacer toutes les icônes classiques par des fontawesomes, je crains qu'il faudra te taper l'intégralité de la feuille de styles (à l'exception des styles ne comportant pas d'image).

[Invité]

Hello Stéphane,
tu peux avec ce script ajouter une class à chaque lien et désactiver les images avec le style suivant a déposer dans ta feuille de style:

Code:

a[class^="M14_friend"] img{display:none;}

Le script:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript

Mets un titre explicite.
Coches sur toutes les pages.

Déposes ceci:

Code:


if(document.title=="Amis et ignorés"){
$(function(){
$('a[href^="/profile"][title="Supprimer"]').addClass('M14_friendRemove');
$('a[href^="/profile"][title="Accepter"]').addClass('M14_friendAccept');
$('a[href^="/profile"][title="Refuser"]').addClass('M14_friendRefus');
$('a[href^="/profile"][title="Annuler"]').addClass('M14_friendAnnul');
});
}




Penses a cliquer sur le bouton VALIDER

En suite tu peux grâce aux class ajoutées te servir de la bibliothèque fontawesone .
Pour supprimer:

Code:


.M14_friendRemove:before
{

}



Pour accepter:

Code:


.M14_friendAccept:before
{

}


Pour refuser:

Code:


.M14_friendRefus:before
{

}


Pour annuler:

Code:


.M14_friendAnnul:before
{

}


Et voilà mon ami

a++

[demeter1]

Bonjour Philippe,bonjour Faline

Philippe, ça fonctionne à la perfection.

Merci pour ton aide et la participation de Faline