범용 Bbcode 래퍼를 사용하는 것이 좋습니다.
#customization:theme-component를 생성하고 아래 코드를 CSS Common에 추가하세요.
div[data-wrap="redbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
//* 아래 줄의 주석을 해제하면 배경색을 변경할 수 있습니다. 이 경우 bbcode 배경색을 사용할 수 있어야 합니다.
// background-color: var(--secondary);
//* 박스의 색상 및 두께
border: 2.5px solid #ff0000;
border-radius: 0.40em;
}
div[data-wrap="greenbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #00ff00;
border-radius: 0.40em;
}
div[data-wrap="bluebox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #0000ff;
border-radius: 0.40em;
}
div[data-wrap="yellowbox"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #ffff00;
border-radius: 0.40em;
}
div[data-wrap="box"]{
margin-top: 0.15em;
margin-bottom: 0.15em;
padding-left: 0.30em;
padding-right: 0.30em;
// background-color: var(--secondary);
border: 2.5px solid #808080;
border-radius: 0.40em;
}
참고: 다른 색상들을 위해 위 코드의 여러 사본을 만들었습니다. 예를 들어 “greenbox”, “yellowbox”, “bluebox” 및 “box”(회색) 등입니다.
게시물에 사용하는 방법
[wrap=redbox]
> ## 정보 박스
박스 테스트
[/wrap]
"red"를 적절한 색상으로 대체하세요. 회색의 경우 단순히 "box"를 사용하세요.
참고 2; bbcode 색상 #customization:plugin 또는 #customization:theme-component를 사용하는 경우 “>”(구분자로 빈 줄이 필요합니다) 대신 bgcolor=를 사용할 수 있습니다.
Colored Text TC 이는 테마 컴포넌트이므로 호스팅 환경과 관계없이 설치할 수 있습니다.
Bbcode 색상을 지원하는 #plugins는 2가지가 있습니다. Bbcode color 또는 Formatting Toolbar. 경고 이 플러그인 중 하나만 설치하세요; 두 가지를 모두 설치하면 사이트가 깨진다고 생각합니다. Formatting Toolbar가 두 가지를 모두 설치하면 사이트가 깨진다고 경고합니다.