Onglets en images dans profil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Onglets en images dans profil

Message par hedhaichaihai-shiku le Mar 28 Avr 2015 - 17:14

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.


Dernière édition par hedhaichaihai-shiku le Mar 5 Mai 2015 - 18:48, édité 1 fois

hedhaichaihai-shiku
*

Messages : 48
Inscrit(e) le : 05/04/2015

http://zeldahistory.forumdefans.com/forum
hedhaichaihai-shiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets en images dans profil

Message par hedhaichaihai-shiku le Lun 4 Mai 2015 - 0:03

Up! : )

hedhaichaihai-shiku
*

Messages : 48
Inscrit(e) le : 05/04/2015

http://zeldahistory.forumdefans.com/forum
hedhaichaihai-shiku a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Onglets en images dans profil

Message par MlleAlys le Lun 4 Mai 2015 - 0:46

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é ! Very Happy

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 ! Razz

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Onglets en images dans profil

Message par hedhaichaihai-shiku le Mar 5 Mai 2015 - 18:47

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

Bonne journée!

hedhaichaihai-shiku
*

Messages : 48
Inscrit(e) le : 05/04/2015

http://zeldahistory.forumdefans.com/forum
hedhaichaihai-shiku a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum