사용자 이름에 그라데이션 색상을 적용할 수 있나요?

이미 조사해서 해당 코드를 찾았어요;

// 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;
  }
}

CSS에 붙여넣었는데 작동하지 않아요.

안녕하세요,

여기서 Premium이 사용자의 기본 그룹(primary group)인 것 같고, 나머지 부분은 모더레이터에게만 적용되는 것 같습니다. 이것이 작동하지 않는 이유일 수 있습니다.

.names {
  // 이 부분은 기본 그룹이 Premium인 사용자에게만 적용됩니다
  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;
  }
}

모두에게 표시되기를 원한다면 어떤 그룹도 사용해서는 안 됩니다. 따라서 Premium 단어를 제거하면 이 문제를 해결할 수 있습니다.

.names {
  // 이 부분은 모두에게 적용됩니다
  span 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;
  }
}

Screenshot 2022-08-14 at 20.51.41

지금은 저도 모더레이터이므로 :star: 도 표시됩니다.

Screenshot 2022-08-14 at 20.52.05


그룹별로 제한을 걸고 싶다면 공유하신 기본 코드를 따르되 Premium 단어를 여러분의 그룹 이름으로 변경하고, 멤버들의 기본 그룹을 해당 그룹으로 설정하는 것을 잊지 마세요. :slightly_smiling_face:

이렇게요 :arrow_down_small:

.names {
  // 이 부분은 기본 그룹이 해당 그룹인 사용자에게만 적용됩니다
  span.group_name 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;
  }
}

감사합니다. 작동은 하지만 프로필에 표시되지 않아요. 어떻게 설정하면 될까요?