JB SKIN 업그레이드
JB SKIN 소식 /
2018-07-24
/
대상 스킨
- JB SKIN 101 V0.9.0 → V0.9.1
- JB SKIN 103 V0.7.1 → V0.7.2
- JB SKIN 107 V0.5.1 → V0.5.2
- JB SKIN 109 V0.7.1 → V0.7.2
- JB SKIN 113 V0.8.1 → V0.8.2
- JB SKIN 127 V0.8.1 → V0.8.2
- JB SKIN 131 V0.6.0 → V0.6.1
- JB SKIN 137 V0.4.2 → V0.4.3
- JB SKIN 139 V0.4.1 → V0.4.2
- JB SKIN 163 V0.2.1 → V0.2.2
공통
- 최신 버전은 로그인 후 [내 계정]에서 다운로드 받을 수 있습니다.
- 기존 스킨을 백업하고, 새 스킨을 설치하세요.
변경 사항
본문의 HTML 구조에 따라 타이포그래피 설정이 적용되지 않는 문제를 해결했습니다.
직접 수정
스킨을 새로 설치하지 않고 수정된 부분만 교체하셔도 됩니다.
CSS에 다음과 같은 코드가 있습니다.
/* JB Typography 1 */ .jb-typography-0 .jb-article h3.jb1, .jb-typography-1 .jb-article > h3 { font-size: 1.4em; } .jb-typography-0 .jb-article h3.jb1:before, .jb-typography-1 .jb-article > h3:before { content: ""; display: block; width: 6.0em; margin: 30px 0px 20px 0px; border-bottom: 4px solid #757575; } .jb-typography-0 .jb-article h4.jb1, .jb-typography-1 .jb-article > h4 { font-size: 1.2em; } .jb-typography-0 .jb-article h4.jb1:before, .jb-typography-1 .jb-article > h4:before { content: ""; display: block; width: 3.0em; margin: 30px 0px 20px 0px; border-bottom: 2px solid #9e9e9e; } /* JB Typography 2 */ .jb-typography-0 .jb-article h3.jb2, .jb-typography-2 .jb-article > h3 { margin: 30px 0px 20px 0px; font-size: 1.4em; } .jb-typography-0 .jb-article h3.jb2:after, .jb-typography-2 .jb-article > h3:after { content: ""; display: block; width: 6.0em; margin: 10px 0px 20px 0px; border-bottom: 4px solid #757575; } .jb-typography-0 .jb-article h4.jb2, .jb-typography-2 .jb-article > h4 { margin: 30px 0px 20px 0px; font-size: 1.2em; } .jb-typography-0 .jb-article h4.jb2:after, .jb-typography-2 .jb-article > h4:after { content: ""; display: block; width: 3.0em; margin: 10px 0px 20px 0px; border-bottom: 2px solid #9e9e9e; } /* JB Typography 3 */ .jb-typography-0 .jb-article h3.jb3, .jb-typography-3 .jb-article > h3 { margin: 30px 0px 20px 0px; padding: 0px 0px 0px 10px; border-left: 8px solid #757575; font-size: 1.4em; } .jb-typography-0 .jb-article h4.jb3, .jb-typography-3 .jb-article > h4 { margin: 30px 0px 20px 0px; padding: 0px 0px 0px 10px; border-left: 4px solid #9e9e9e; font-size: 1.2em; }
다음 코드로 교체하세요.
/* JB Typography 1 */ .jb-typography-0 .jb-article h3.jb1, .jb-typography-1 .jb-article h3 { font-size: 1.4em; } .jb-typography-0 .jb-article h3.jb1:before, .jb-typography-1 .jb-article h3:before { content: ""; display: block; width: 6.0em; margin: 30px 0px 20px 0px; border-bottom: 4px solid #757575; } .jb-typography-0 .jb-article h4.jb1, .jb-typography-1 .jb-article h4 { font-size: 1.2em; } .jb-typography-0 .jb-article h4.jb1:before, .jb-typography-1 .jb-article h4:before { content: ""; display: block; width: 3.0em; margin: 30px 0px 20px 0px; border-bottom: 2px solid #9e9e9e; } .jb-typography-1 .jb-article .another_category h4:before { display: none; } /* JB Typography 2 */ .jb-typography-0 .jb-article h3.jb2, .jb-typography-2 .jb-article h3 { margin: 30px 0px 20px 0px; font-size: 1.4em; } .jb-typography-0 .jb-article h3.jb2:after, .jb-typography-2 .jb-article h3:after { content: ""; display: block; width: 6.0em; margin: 10px 0px 20px 0px; border-bottom: 4px solid #757575; } .jb-typography-0 .jb-article h4.jb2, .jb-typography-2 .jb-article h4 { margin: 30px 0px 20px 0px; font-size: 1.2em; } .jb-typography-0 .jb-article h4.jb2:after, .jb-typography-2 .jb-article h4:after { content: ""; display: block; width: 3.0em; margin: 10px 0px 20px 0px; border-bottom: 2px solid #9e9e9e; } .jb-typography-2 .jb-article .another_category h4:after { display: none; } /* JB Typography 3 */ .jb-typography-0 .jb-article h3.jb3, .jb-typography-3 .jb-article h3 { margin: 30px 0px 20px 0px; padding: 0px 0px 0px 10px; border-left: 8px solid #757575; font-size: 1.4em; } .jb-typography-0 .jb-article h4.jb3, .jb-typography-3 .jb-article h4 { margin: 30px 0px 20px 0px; padding: 0px 0px 0px 10px; border-left: 4px solid #9e9e9e; font-size: 1.2em; } .jb-typography-3 .jb-article .another_category h4 { border-left: none; }