- 제 목 조은보드 CSS구성 살펴보기
1. 조은보드 스킨 CSS
게시판을 기준으로 설명드리자면 /skin/Jboard/default_board/css/ 와 같은 형태로 각 스킨별로 css폴더가 존재합니다.
스킨컬러를 orange로 선택하였을 경우 orange.css에서 style.css를 import하게 됩니다.
orange.css는 색상에 관련된 스타일 시트가 존재할 뿐 스킨을 관장하는 스타일 시트는 style.css입니다.
2. 조은보드 웹페이지, 모바일웹 CSS
조은보드의 스킨을 제외한 모든 CSS는 /Jsource/css에 존재합니다.
웹페이지는 style.css 모바일은 mobile.css에서 각 디자인 페이지에서 외부 스타일 시트(External Sytel Sheet)로 호출하여 사용합니다.
각 스타일 시트는 공통적으로 common.css를 import하여 사용합니다.
이는 조은보드 모듈에서 사용하는 라이트박스 등의 공통적인 스타일 시트를 규정하기 위해 사용됩니다.
조은보드의 스킨이 포함된 레이아웃 작업 시 되도록 Id 또는 Class 선언하여 Selector 하세요.
가상 클래스로 사용되어야 한다면 부모 요소를 포함한 선택자를 이용하여 스킨에 대한 영향을 최소화하도록 하시기 바랍니다.
ex) #pageWrap .product > img {...}
게시판을 기준으로 설명드리자면 /skin/Jboard/default_board/css/ 와 같은 형태로 각 스킨별로 css폴더가 존재합니다.
스킨컬러를 orange로 선택하였을 경우 orange.css에서 style.css를 import하게 됩니다.
orange.css는 색상에 관련된 스타일 시트가 존재할 뿐 스킨을 관장하는 스타일 시트는 style.css입니다.
2. 조은보드 웹페이지, 모바일웹 CSS
조은보드의 스킨을 제외한 모든 CSS는 /Jsource/css에 존재합니다.
웹페이지는 style.css 모바일은 mobile.css에서 각 디자인 페이지에서 외부 스타일 시트(External Sytel Sheet)로 호출하여 사용합니다.
각 스타일 시트는 공통적으로 common.css를 import하여 사용합니다.
이는 조은보드 모듈에서 사용하는 라이트박스 등의 공통적인 스타일 시트를 규정하기 위해 사용됩니다.
조은보드의 스킨이 포함된 레이아웃 작업 시 되도록 Id 또는 Class 선언하여 Selector 하세요.
가상 클래스로 사용되어야 한다면 부모 요소를 포함한 선택자를 이용하여 스킨에 대한 영향을 최소화하도록 하시기 바랍니다.
ex) #pageWrap .product > img {...}