기준버전 : 5.3.2.8

지금까지 배운 것을 기초로 하여 그누보드5.3에 사용된 CSS를 직접 확인하고 분석해 보겠습니다.

그누보드5.3은 코어부분과 디자인부분으로 나누는데 디자인부분은 테마폴더로 구분하고 있습니다.

테마폴더로 구분하기 전의 CSS와 SKIN폴더가 그대로 있지만 테마폴더에 동일한 내용이 중복되기 때문에 테마폴더만 살펴보겠습니다.

레이아웃 CSS

pc용 -> /theme/basic/css/default.css    /theme/basic/head.sub.php

mobile용 -> /theme/basic/css/mobile.css    /theme/basic/head.sub.php

스킨 CSS

-, pc용

게시판(일반) -> /theme/basic/skin/board/basic/style.css

게시판(앨범) -> /theme/basic/skin/board/gallery/style.css

접속자 -> /theme/basic/skin/connect/basic/style.css

내용 -> /theme/basic/skin/content/basic/style.css

faq -> /theme/basic/skin/faq/basic/style.css

최신글(일반) -> /theme/basic/skin/latest/basic/style.css

최신글(공지사항) -> /theme/basic/skin/latest/notice/style.css

최신글(갤러리) -> /theme/basic/skin/latest/pic_basic/style.css

회원 -> /theme/basic/skin/member/basic/style.css

새글 -> /theme/basic/skin/new/basic/style.css

아웃로그인 -> /theme/basic/skin/outlogin/basic/style.css

투표 -> /theme/basic/skin/poll/basic/style.css

인기키워드 -> /theme/basic/skin/popular/basic/style.css

qa -> /theme/basic/skin/qa/basic/style.css

검색 -> /theme/basic/skin/search/basic/style.css

방문자 -> /theme/basic/skin/visit/basic/style.css

-, mobile용

게시판(일반) -> /theme/basic/mobile/skin/board/basic/style.css

게시판(앨범) -> /theme/basic/mobile/skin/board/gallery/style.css

접속자 -> /theme/basic/mobile/skin/connect/basic/style.css

내용 -> /theme/basic/mobile/skin/content/basic/style.css

faq -> /theme/basic/mobile/skin/faq/basic/style.css

최신글(일반) -> /theme/basic/mobile/skin/latest/basic/style.css

회원 -> /theme/basic/mobile/skin/member/basic/style.css

새글 -> /theme/basic/mobile/skin/new/basic/style.css

아웃로그인 -> /theme/basic/mobile/skin/outlogin/basic/style.css

투표 -> /theme/basic/mobile/skin/poll/basic/style.css

인기키워드 -> /theme/basic/mobile/skin/popular/basic/style.css

qa -> /theme/basic/mobile/skin/qa/basic/style.css

검색 -> /theme/basic/mobile/skin/search/basic/style.css

방문자 -> /theme/basic/mobile/skin/visit/basic/style.css

관리자화면 CSS

/adm/css/admin.css  /theme/basic/head.sub.php

/adm/css/theme.css    /adm/theme_preview.php

/adm/sms_admin/css/sms5.css   /adm/sms_admin/_common.php

기타 CSS

/js/font-awesome/css/font-awesome.css

/js/font-awesome/css/font-awesome.min.css

/js/remodal/remodal.css

/js/remodal/remodal-default-theme.css

/plugin/editor/....

/plugin/jqplot/..

/plugin/jquery-ui/style.css