신뢰 수준 0~2의 경우 사용자 이름을 회색으로, 3~4의 경우 색상으로 표시하고 싶습니다.
CSS를 사용하면 대부분 구현할 수 있지만, 스레드에 답변을 달면 원래 게시자의 사용자 이름이 사라지는 것과 같은 버그가 많이 발생합니다.
토픽 목록에서 아바타를 비활성화할 수 있는 옵션이 있으면, 더 오래된 스타일의 포럼 느낌을 줄 수 있어 좋을 것 같습니다.
다른 영역의 아바타는 마음에 들지만, 메인 토픽 목록에서는 원하지 않습니다.
신뢰 수준 0~2의 경우 사용자 이름을 회색으로, 3~4의 경우 색상으로 표시하고 싶습니다.
CSS를 사용하면 대부분 구현할 수 있지만, 스레드에 답변을 달면 원래 게시자의 사용자 이름이 사라지는 것과 같은 버그가 많이 발생합니다.
토픽 목록에서 아바타를 비활성화할 수 있는 옵션이 있으면, 더 오래된 스타일의 포럼 느낌을 줄 수 있어 좋을 것 같습니다.
다른 영역의 아바타는 마음에 들지만, 메인 토픽 목록에서는 원하지 않습니다.
안녕하세요, 다음을 시도해 보세요:
// Desktop
.topic-list td.topic-list-data.posters {
display: none !important;
}
// Mobile
.pull-left {
display: none !important;
}
.topic-list .right {
margin-left: 0 !important;
}
이 코드는 데스크톱과 모바일에서 토픽 목록의 아바타를 제거합니다.
이렇게 하면 아바타는 제거되지만, 사용자 이름은 유지하고 싶습니다. AI에 도움이 될지 확인해 보겠습니다.
AI가 생성한 코드인데, 누군가가 스레드에 답글을 달면 사용자명이 사라집니다. 또한 게시자의 신뢰도 그룹 색상을 조정하는 것도 실패했습니다.
.topic-list .posters img.avatar { display: none; }
.topic-list .posters { text-align: center !important; }
.topic-list .posters a.latest.single {
display: block;
padding: 4px 0;
}
.topic-list .posters a.latest.single::after {
content: attr(data-user-card);
display: block;
font-size: 17px;
font-weight: normal;
text-align: center;
}
.topic-list-header th.posters {
text-align: center !important;
padding: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.topic-list-header th.posters {
padding-top: 16px !important; /* 필요에 따라 값 조정 */
}
.topic-list-header th.posters::before {
content: "게시자";
font-size: 18px;
font-weight: normal;
color: #a6a6a6;
}
.topic-list .posters {
display: flex;
justify-content: center;
}
.topic-list th.posters,
.topic-list td.posters {
width: 100px !important; /* 필요에 따라 80~120px 조정 */
min-width: 100px !important;
}
.topic-list .posters a.latest.single::after {
margin-top: 10px; /* 원하는 세로 위치를 위해 값 조정 */
}
.topic-list .posters a.latest.single::after {
text-decoration: underline transparent;
text-underline-offset: 1px;
transition: text-decoration-color 0.2s;
}
.topic-list .posters a.latest.single:hover::after {
text-decoration-color: #8e0086; /* 또는 #800080 */
}
a.latest.single {
padding-right: 5px !important;
}
.topic-list-data.posters {
padding: 13.5px 45px !important; /* 상/하 8px, 좌/우 12px – 필요에 따라 조정 */
}
.posters.topic-list-data,
.posters.topic-list-data a, {
font-size: 17px !important;
}
.posters.topic-list-data a.latest.single {
display: flex;
align-items: center;
justify-content: center;
}
.posters.topic-list-data a.latest.single::after {
padding-top: 0 !important;
margin-top: 0 !important;
}
.topic-list .posters a.latest.single::after {
content: attr(data-user-card) !important;
display: block !important;
}
//visibilty
.topic-list .posters a {
display: none !important;
}
.topic-list .posters a.latest {
display: inline-block !important;
}
.topic-list .posters a.latest::after {
content: attr(data-user-card) !important;
display: block !important;
font-size: 17px;
margin-top: 4px;
}
사용자 이름의 색상을 변경하는 문제는 토픽 목록에 표시하는 문제와 별개인 것 같습니다. 이 문제는 다음 링크에서 계속 논의하는 것이 더 좋을 수 있습니다: Unable to change Usernames a specific color based on the group they are in