이미지, 원박스, 인용구 등에 둥근 테두리 적용

[MarcP]

Created a very simple component to change the borders of images, oneboxes, blockquotes and staff notices shown in topics.

Allows change of the following settings

• set image rounding intensity
• set image border width
• set image border color
• set onebox rounding intensity
• change onebox border width
• change onebox border color
• change onebox background color
• set rounding blockquotes intensity
• remove left border from blockquotes
• set ‘staff color’ rounding intensity
• topic thumbnail support for:
  • list rounded corners
  • grid rounded corners
  • placeholder bg
  • placeholder icon color
  • grid topic title bg

Light mode with 10px rounding and no border

Dark mode with 10px rounding and 2px border

Including onebox support

Blockquote rounding (15px)

Or remove left border from blockquotes:

Rounded staff color

Support for Topic Thumbnails

List view

Grid view

	Preview	Screenshots above / Live Preview
	Github Repo	Rounded Image Borders
	Install Guide	How to install a theme or theme component

[Heliosurge (Dan DeMontmorency)]

Thank you this is quite nice.

[WorldIsMine (DaveK)]

Thank you! Been using it for a while now.

[nafets-lesierk]

Really nice. One update wish. Would be cool if we could add padding between the border and the paste. Cheers!

[MarcP]

Please enlighten your suggestion with a screenshot, I don’t fully understand it.

[MarcP]

I have pushed a few improvements:

• You can adjust avatar rounding now (default, circle = 50%)
• Some improvements for buttons. If button rounding is enabled category dots get fixed minimal rounding + modals are included now.

[robbie.morrison]

기본 테마에 Rounded Borders를 설치하고 제공된 기본값을 그대로 두었습니다. 하지만 이 기능이 어떻게 적용되는지 이해가 되지 않습니다.

이 기능은 업로드한 이미지별로 적용되는 건지, 앞으로 사이트 전체에 적용되는 건지, 아니면 사이트 전체의 모든 콘텐츠에 적용되는 건가요?

JPG 파일을 업로드하면 알아서 처리되는 건가요? 그 시점에 선택할 수 있는 옵션이 있나요? 운영 중인 사이트라서 실험을 많이 하고 싶지 않습니다. 궁금합니다. 미리 감사합니다.

[Heliosurge (Dan DeMontmorency)]

확실히 말씀드리기는 어렵습니다. 하지만 앞으로 설치 후 적용될 것으로 생각합니다. 새 이미지를 업로드하여 테두리가 적용되었는지 테스트해 보세요. 적용되지 않았다면, 특정 게시글(토픽이 아닌)에서 렌치 도구를 선택하고 HTML 재구성을 선택해 보세요.

어떤 경우에도 적용되지 않는다면 TC 설정을 확인해 보셔야 할 수 있습니다. 또한 현재 사용 중인 테마에 추가했는지 확인하세요. 설정이 적용되었는지 확인하려면 페이지를 새로고침해 보세요. 캐시된 페이지를 보고 있을 수 있기 때문입니다.

[MarcP]

이것들은 CSS 커스텀이므로 사이트 전체에 적용됩니다.

대부분 개인적으로 만들었다가 공개한 컴포넌트이므로, 어떻게 작동하는지 확인하려면 다양한 설정을 실험해 볼 수 있습니다. 일부 설정은 적용되기 전에 활성화해야 하는 토글이 있습니다.

이미지의 경우 이 정도면 충분합니다(기본값은 꺼져 있습니다). 그 아래에 있는 설정은 원하는 대로 다른 요소의 모서리를 둥글게 만들 수 있습니다.

[robbie.morrison]

인터페이스에 작은 수정을 제안해도 될까요 (빨간색 부분):

[MarcP]

확실히 코어 번역에 있는 것 같아요.