Posso fazer cores de nome de usuário em gradiente?

Já pesquisei e encontrei esse código;

// Gruplara ait renkler
.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;
  }
}

e colei no CSS, mas não está funcionando.

Olá,

Aqui parece que Premium é o grupo principal do usuário e a outra parte funciona apenas para moderadores. Acho que é por isso que não está funcionando para você.

.names {
  // Esta parte funciona apenas para usuários cujo grupo principal é Premium
  span.Premium a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte funciona apenas para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Se você quiser que apareça para todos, não deve usar nenhum grupo. Então, remover a palavra Premium corrigirá isso.

.names {
  // Esta parte funciona para todos
  span a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte funciona apenas para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}

Screenshot 2022-08-14 at 20.51.41

Agora eu também sou moderador, então o :star: também aparece.

Screenshot 2022-08-14 at 20.52.05


Se você quiser restringir para grupos, pode seguir o código padrão que você compartilhou, mas mude a palavra Premium para o nome do seu grupo e não se esqueça de definir o grupo como principal para os membros. :slightly_smiling_face:

Assim :arrow_down_small:

.names {
  // Esta parte funciona apenas para usuários do grupo principal
  span.group_name a {
    background: linear-gradient(to right,#BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  // Esta parte funciona apenas para moderadores
  span.moderator a::after {
    content:"★";
    margin-left: 2px;
  }
}
4 curtidas

Obrigado, está funcionando, mas não está aparecendo no perfil. Como posso configurar isso?

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