그누보드 5.2 에서 그누보드 5.3 으로 업그레이드시 참고사항 > 그누보드

• 목록

* 우선 저 아래쪽에 있는 내용은 적절한 방법이 아니라서 레거시 시켰다.

그누보드가 업그레이드 되면서 스킨에서  버튼을 만드는데 개념이 약간 바뀌게 되는데,
기존에는 각 버튼 클래스를 하나씩 만들어서 css 를 구성했었는데,
바뀐 스타일에서는 텍스트로 된 버튼에 클래스를 2개 사용을 한다.

ㅇ 기존방식
class = "btn_b01"
class = "btn_submit"

ㅇ 새로운 방식
class = "btn_b01 btn"
class = "btn_submit btn"

ㅁ 결론
기본적인 텍스트 버튼의 모양을 btn 클래스로 만들고,
세부적으로 약간의 디자인 변경이 있는 버튼들은 각각의 클래스로 구분을 한다.



== 아래, legacy

그누보드 5.3 의 기본 style 파일인
(테마)/css/default.css
파일의 274 행 쯤 부터 나오는 버튼들의 padding 값이 빠져 버렸다.

이 버튼들의 padding 은 각 게시판의 style.css 파일 안으로 들어갔다.

여기서, 문제점이 하나 생기는데..
기존 5.2 버전 이전의 스킨에 있는 style.css 파일안에도 버튼들의 padding 이 없다.

그래서, 5.2 이전 버전의 스킨들을 그누보드 5.3 에서 사용하려고 하면,
버튼들이 조그많게 보인다.
조금의 변화이지만, 스킨을 사용하지 못할 것 같은 느낌이 크게 와 닿는다.

간단한 해결 방법으로,
위에서 말한 default.css 안의 각종 btn 설정에 padding 을 추가하자.
padding:8px; 정도 주면 된다.

대표적인 버튼 클래스로는 아래와 같은 것들이 있다.
.btn_b01
.btn_b02
.btn_b03
.btn_b04
.btn_admin
.btn_submit
.btn_cancel

이것들에 padding:8px; 를 주자.
주의할 것은, btn_b02 에 이미 padding:0 10px 이 있다. 이것은 지워버리자.

그리고, .btn 클래스가 새로 생겼는데,
여기에 line-height 와 height 속성이 있어서,
.btn_* 의 padding 속성과 충돌 또는 중복이 생긴다.
따라서, 252 행 쯤에 있는 .btn 의 속성중
line-height:35px;height:35px;padding:0 10px;
를 없앤다.

또, 생뚱맞은게 하나 더 있는데,
기본 basic 게시판 스킨의 style.css 파일 22행 쯤 있는
.btn_submit 의 padding 을 삭제한다.


모바일 css 에도 비슷하게 적용한다.
(테마)/css/mobile.css

추천0