MarcP
(MarcP)
1
토픽에 표시되는 이미지, 원박스, 인용구 및 스태프 공지사항의 테두리를 변경하기 위한 매우 간단한 컴포넌트를 제작했습니다.
다음 설정을 변경할 수 있습니다.
- 이미지 둥근 모서리 강도 설정
- 이미지 테두리 너비 설정
- 이미지 테두리 색상 설정
- 원박스 둥근 모서리 강도 설정
- 원박스 테두리 너비 변경
- 원박스 테두리 색상 변경
- 원박스 배경색 변경
- 인용구 둥근 모서리 강도 설정
- 인용구 왼쪽 테두리 제거
- ‘스태프 색상’ 둥근 모서리 강도 설정
- 토픽 썸네일 지원:
- 목록 둥근 모서리
- 그리드 둥근 모서리
- 플레이스홀더 배경색
- 플레이스홀더 아이콘 색상
- 그리드 토픽 제목 배경색
10px 둥근 모서리 및 테두리 없는 라이트 모드
10px 둥근 모서리 및 2px 테두리가 있는 다크 모드
원박스 지원 포함
인용구 둥근 모서리 (15px)
또는 인용구의 왼쪽 테두리를 제거할 수 있습니다:
둥근 스태프 색상
목록 보기
그리드 보기
25개의 좋아요
정말 좋습니다. 업데이트 요청 하나만 드릴게요. 테두리와 패스트 사이에 패딩을 추가할 수 있으면 좋겠어요. 감사합니다!
1개의 좋아요
MarcP
(MarcP)
5
제안 사항에 스크린샷을 첨부해 주시면 감사하겠습니다. 내용을 완전히 이해하지 못했거든요.
기본 테마에 Rounded Borders를 설치하고 제공된 기본값을 그대로 두었습니다. 하지만 이 기능이 어떻게 적용되는지 이해가 되지 않습니다.
이 기능은 업로드한 이미지별로 적용되는 건지, 앞으로 사이트 전체에 적용되는 건지, 아니면 사이트 전체의 모든 콘텐츠에 적용되는 건가요?
JPG 파일을 업로드하면 알아서 처리되는 건가요? 그 시점에 선택할 수 있는 옵션이 있나요? 운영 중인 사이트라서 실험을 많이 하고 싶지 않습니다. 궁금합니다. 미리 감사합니다.
Heliosurge
(Dan DeMontmorency)
8
확실히 말씀드리기는 어렵습니다. 하지만 앞으로 설치 후 적용될 것으로 생각합니다. 새 이미지를 업로드하여 테두리가 적용되었는지 테스트해 보세요. 적용되지 않았다면, 특정 게시글(토픽이 아닌)에서 렌치 도구를 선택하고 HTML 재구성을 선택해 보세요.
어떤 경우에도 적용되지 않는다면 TC 설정을 확인해 보셔야 할 수 있습니다. 또한 현재 사용 중인 테마에 추가했는지 확인하세요. 설정이 적용되었는지 확인하려면 페이지를 새로고침해 보세요. 캐시된 페이지를 보고 있을 수 있기 때문입니다.
MarcP
(MarcP)
9
이것들은 CSS 커스텀이므로 사이트 전체에 적용됩니다.
대부분 개인적으로 만들었다가 공개한 컴포넌트이므로, 어떻게 작동하는지 확인하려면 다양한 설정을 실험해 볼 수 있습니다. 일부 설정은 적용되기 전에 활성화해야 하는 토글이 있습니다.
이미지의 경우 이 정도면 충분합니다(기본값은 꺼져 있습니다). 그 아래에 있는 설정은 원하는 대로 다른 요소의 모서리를 둥글게 만들 수 있습니다.
3개의 좋아요
인터페이스에 작은 수정을 제안해도 될까요 (빨간색 부분):
