(이 오래된 게시물을 다시 방문하던 중 우연히 발견했습니다. 다른 Staff notice 혼동 참고…)
저는 항상 Staff Notice의 위치가 잠재적으로 모호하다고 생각해왔습니다. 테마가 색상, 테두리, 구분선 등을 다르게 처리할 수 있기 때문에, 그 방식으로 해결하는 것은 아마도 어려울 것입니다.
오늘날 모든 게시물 공지사항에 전역적으로 적용할 수 있는 대안은 아바타 앞에 유니코드 화살표를 삽입하는 사용자 정의 CSS입니다:
CSS: 아바타 앞
.post-notice::before {
content: '🡇';
}
(또는 아마도 더 정확하게는):
.post-notice::before {
content: " \1F847";
}
…또는 텍스트 콘텐츠 앞에:
CSS: 텍스트 앞
.post-notice p::before {
content: " \1F847";
margin-right: .5rem;
}
오 — 색상을 변경하는 트릭이 있습니다:
CSS: 색상 변경
.post-notice p::before {
content: " \1F847\fe0e";
color: yellow;
margin-right: .5rem;
}
(어떤 유니코드 문자에든 \fe0e를 추가하면 색상을 적용할 수 있는 텍스트 버전이 렌더링됩니다. 참고.)
그리고 저는 메인 토픽의 공지사항에 하향 화살표가 잘 어울리지 않는다고 생각했습니다. 왜냐하면 그것은 토픽을 더 명확하게 이끌고 있기 때문입니다. 이 CSS는 첫 번째 게시물에 대해서만 화살표를 불릿으로 대체합니다:
CSS: 메인 토픽은 다르게
#post_1 .post-notice p::before {
content: " \29BF\fe0e";
color: yellow;
margin-right: .5rem;
}