Faire un dégradé sur un pseudo en laissant la base du pseudo tel quel

[Invité]

Bonjour,

Un petit soucis arrive chez moi, je me suis aider avec le générateur de dégradé en bbcode, jusqu'à là tout vas bien j'ai créer le dégradé puis j'ai regarder dans le code pour prendre la partie en html celle qui m'intéresse donc :

Et j'ai essayer de l'appliquer sur mon pseudo avec ce code déjà sur l'index :

Code:

$(function(){
  $('a[href="/u1"] span strong').html('<span style="color:#00aeff">A</span><span style="color:#20addf">p</span><span style="color:#40abbf">p</span><span style="color:#60aa9f">o</span><span style="color:#80a880">l</span><span style="color:#9fa760">y</span><span style="color:#bfa540">o</span><span style="color:#dfa420">n</span>');
});

Ca fonctionne pas spécialement bien dans la partie des forums/sous-forums :

Par contre sur le QEEL ça passe nickel :


En cherchant un peu plus pour mettre tout ça aux normes,j'ai mis un display: inline; dans la feuille de style css bien sur en respectant les passages de chaque coces en css et ça me met effectivement le pseudo sur une ligne mais maintenant tout le pseudo est décalé avec des espaces très importants , j'avoue ne pas trop comprendre.

Est-ce que vous avez déjà essayer ou avez-vous une solution ? ça doit être tout simple, je pense qu'il faut toucher au code js mais bon pas de certitudes.
Merci d'avance.

Cordialement.

[kios]

Bonjour,


Juste pour essayé, laisse tout ton code en une seule ligne et bien aligné car par fois l’alignement est obligatoire a ce que je pense.

J'attends tes nouvelles.

Cordialement,

[Invité]

Bonjour,

Merci pour la réponse,mais ça ne fonctionne quand même pas

Cordialement.

[Scoubifitz]

bonjour,

Et j'ai essayer de l'appliquer sur mon pseudo avec ce code déjà sur l'index :

avez vous essayé sur "toutes les pages" ?

[Invité]

Bonjour Scoubifitz, merci également de me répondre mais j'ai déjà essayer en effet et je l'est mis seulement sur l'index en attendant d'avoir un correctif car si je le met sur toutes les pages ça va s'appliquer sur les sujets et il va y avoir des "Appolyon" partout sur mes posts et ça ne change pas le problème malheureusement.
Donc c'est volontaire.

Cordialement.

[Scoubifitz]

j'ai testé le script , et il fonctionne correctement sur toutes les pages (accueil , forum , sous-forum ,messages)

avez vous du CSS perso qui pourrait expliquer ce comportement ?

[Invité]

Css non pas spécialement par contre je viens de virer un code javascript dans les sujets pour vérifier et vous avez raison dans toutes les pages ça fonctionne merci !
Reste par contre le même problème dans les forums/sous-forums il y a ceci :

J'ai re-verifier ma feuille de style et dans les codes js et il y a rien..

Cordialement.

[Scoubifitz]

le lien vers votre forum ? (celui de votre profil renvoie vers Youtube )

[Invité]

Désolé

C'est modifié !

[Alex Fowl]

Bonjour,

Ce code :

Code:

$(function(){
  $('a[href="/u1"] span strong').html('<font style="color:#00aeff">A</font><font style="color:#20addf">p</font><font style="color:#40abbf">p</font><font style="color:#60aa9f">o</font><font style="color:#80a880">l</font><font style="color:#9fa760">y</font><font style="color:#bfa540">o</font><font style="color:#dfa420">n</font>');
});

Cordialement,

[Invité]

Et bien merci !
Je me doutais que c'étais pas très compliqué..

Merci à tous ceux qui ont répondu !

[Scoubifitz]

...ou alors , par le CSS :

Code:

dd.lastpost span{display:inline}