Puis-je avoir des couleurs de nom d'utilisateur dégradées ?

J’ai déjà fait des recherches et trouvé ce code ;

// Couleurs appartenant aux groupes
.names {
span.Premium a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

et je l’ai collé dans le CSS mais ça ne fonctionne pas.

Bonjour,

Ici, il semble que Premium soit le groupe principal de l’utilisateur et l’autre partie ne fonctionne que pour les modérateurs. Je pense que c’est pour cela que cela ne fonctionne pas pour vous.

.names {
  // Cette partie fonctionne uniquement pour les utilisateurs dont le groupe principal est Premium
  span.Premium a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Cette partie fonctionne uniquement pour les modérateurs
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Si vous voulez que cela apparaisse pour tout le monde, vous ne devriez utiliser aucun groupe. Supprimer le mot Premium résoudra ce problème.

.names {
  // Cette partie fonctionne pour tout le monde
  span a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Cette partie fonctionne uniquement pour les modérateurs
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Screenshot 2022-08-14 at 20.51.41

Maintenant, je suis aussi modérateur, donc le :star: apparaît aussi.

Screenshot 2022-08-14 at 20.52.05


Si vous souhaitez restreindre cela à des groupes, vous pouvez suivre le code par défaut que vous avez partagé, mais remplacez le mot Premium par le nom de votre groupe et n’oubliez pas de définir le groupe comme principal pour les membres. :slightly_smiling_face:

Comme ceci :arrow_down_small:

.names {
  // Cette partie fonctionne uniquement pour les utilisateurs dont le groupe principal
  span.group_name a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Cette partie fonctionne uniquement pour les modérateurs
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}
4 « J'aime »

Merci, ça fonctionne mais ça ne s’affiche pas sur le profil, comment puis-je faire ça ?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.