Dégradé de couleur dans les pseudos

[Kaiji]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !

Je suis sur le retravail des groupes de mon forum et il s'avère que certains comptes peuvent se retrouver dans plusieurs groupes aux couleurs différentes. Je suis donc embêtée à l'idée de ne leur mettre qu'une seule couleur parmi les 2 ou 3 possibles.

Existerait-il un javascript simple qui permette de changer la couleur du pseudo en fonction des groupes colorés auxquels il appartient ?

Exemple :

Groupe 1 : Vert
Groupe 2 : Bleu
Groupe 3 : Invisible

Le pseudo du membre, à l'ajout des groupes, ferait automatiquement un dégradé du vert vers le bleu sans coquille à cause du groupe invisible ?

Merci beaucoup,

Belle journée

[Tite-May]

Hello !

J'ai écrit un tutoriel pour le faire manuellement juste ici là dessus.
par contre pour le faire automatiquement j'avoue que je ne sais pas si c'est possible, et si ça l'est, sans que ça soit une usine à gaz...

[mSyx]

Yo,
Je suis pas sûr de bien avoir compris le côté automatique :/

[Kardo]

Bonjour,
Voici une petite idée de solution, qui pourra peut-être donner des idées.
Comme on ne peut pas récupérer les groupes d'un utilisateur, j'ai ajouté un champ de profil "choix multiple" avec les groupes de l'utilisateur

Spoiler:

(C'est le problème de ce script car il faudra mettre à jour les groupes de l'utilisateur sur son profil), qui devra être affiché sur ses messages (on le masque ensuite).

Spoiler:

Code:

$(document).ready(function () {
  /* Définition des couleurs des groupes var NomDuGroupe = '#COULEUR' */
  var Groupe1 = '#ff0000';
  var Groupe2 = '#00ff00';
  var Groupe3 = '#0000ff';

  /* On boucle dans la liste de groupes */
  $('ul.profile_field_list').each(function(i, obj) {
    var Gradient = '';
    $(this).children('li').each(function(e,o) {
      if (eval(this.innerText)){
        /* On ajoute la couleur des groupes si elle existe au dégradé */
        Gradient += ','+eval(this.innerText);
        /* On applique le dégradé sur le pseudo */
        $(this).closest('td').children('.name')[0].setAttribute('style', 'background:-webkit-linear-gradient(180deg'+Gradient+')!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;');
      }
    });
  })
    /* On cache les groupes precedemment ajoutés */
  $('span.label:contains("Groupes")').hide(); 
  $('ul.profile_field_list li').hide();
});

Résultat:

En espérant avoir donné des idées

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.