Onglets en images dans profil

[hedhaichaihai-shiku]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://zeldahistory.forumdefans.com/forum

Description du problème

Bonjour!

J'ai cherché des sujets et j'en ai beaucoup trouvé sur comment changer la taille, la couleur de la police... des onglets du profil. ( signature, avatar...)
Mais j'aimerais savoir comment remplacer ces petit textes-liens par des images?

Merci d'avance!
Shiku.

[hedhaichaihai-shiku]

Up! : )

[MlleAlys]

Bonjour ! ^^

J'ai réussi à faire quelques chose ! o/ Mais c'est sans doute du bidouillage, je ne me débrouille pas encore super bien en javascript... En tout cas, ça semble fonctionner sur mon forum test !
Voilà le code javascript à installer sur toutes les pages :

Code:

$(function(){

$('td[align="right"] span.gen a:contains("Signature")').html('<img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/144371-42.png"/>');
$('td[align="right"] span.gen:contains("Signature")').html('<img src="http://uploads.siteduzero.com/files/98001_99000/98628.jpg"/>');

});

Si tout fonctionne comme chez moi, ça affiche un zèbre dans le lien "signature", et un panda roux quand c'est l'onglet sélectionné !

Reste à le compléter pour les autres liens en les ajoutant de cette façon :

Code:

$(function(){

$('td[align="right"] span.gen a:contains("Signature")').html('<img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/144371-42.png"/>');
$('td[align="right"] span.gen:contains("Signature")').html('<img src="http://uploads.siteduzero.com/files/98001_99000/98628.jpg"/>');

$('td[align="right"] span.gen a:contains("NOM DU LIEN A REMPLACER")').html('<img src="URL DE L'IMAGE DU LIEN"/>');
$('td[align="right"] span.gen:contains("NOM DU LIEN A REMPLACER")').html('<img src="URL DE L'IMAGE QUAND SELECTIONNEE"/>');

});

en espérant que ça fonctionne bien partout !

[hedhaichaihai-shiku]

Aah c'est génial merci beaucoup MlleAlys!
Le javascript marche aussi sur mon forum

Bonne journée!