오늘 커뮤니티에 로그인했을 때, 아래 이미지와 같은 빨간색 “New” 플래그가 표시되어 있는 것을 발견했습니다.
이 빨간색 “New !” 플래그는 어떻게 구현된 것인가요? 매일 기사를 게시할 예정이므로, 새로운 토픽을 표시하는 데 이 플래그를 사용하고 싶습니다. 이 플래그를 생성하는 데 어떤 방법이나 도구가 사용되었나요?
감사합니다.
.badge-notification.new-topic::before {
content: "New!";
position: absolute;
right: -1.1em;
top: -0.85em;
background: var(--quaternary);
transform: rotate(12deg);
font-size: var(--font-down-2);
letter-spacing: .05em;
padding: .2em .5em;
border-radius: 4px;
font-weight: normal;
color: var(--secondary);
}
정말 감사합니다. 이 기능이 컴포넌트로 추가되는 거죠, 맞나요?
모든 테마에 적용되는 전역 변경 사항인 만큼, 위치가 “head”, “body” 등으로 설정되는 것이 중요한가요?
커스텀 CSS라는 이름의 테마 컴포넌트를 만들고, 필요한 모든 CSS를 추가하는 것을 권장합니다.
안녕하세요, 팁 감사합니다. 다만, 저는 'New’의 프랑스어 번역인 'Nouveau’를 사용하고 있는데, 이 단어가 더 길어서 잘려 보입니다. 이 문제를 해결하는 방법을 알고 계신가요? 감사합니다. @sheng_hualuo
@Arkshine 감사합니다, 잘 작동합니다!