이윰

그누보드5(영카트5), 빌더, 테마, 스킨의 구조를 설명합니다.

THEME

헤더와 풋터 및 사이드 레이아웃의 골격을 갖춘 디자인 된 웹사이트를 테마라 말합니다.
이윰에서는 이 테마를 하나의 상품으로 배포 및 판매를 하고 있습니다.
SKIN

게시판을 비롯해 다양한 스킨들이 존재하며 이 스킨들은 테마에 포함됩니다.
스킨을 추가하는 경우엔 테마구조를 참고해 해당 스킨 폴더에 업로드 합니다.

테마는 디자인 영역을 담당하며 /eyoom/theme/ 폴더에서만 표현됩니다.

이윰 테마폴더 내 총9개의 폴더가 구성되어 있으며 각각의 폴더 내 포함된 파일들의 역활에 대해 알아봅니다.

테마의 전체적인 레이아웃 및 기초가 되는 스타일 설정 파일들로 구성되어 있습니다.

common.css: 이윰테마에 공통적으로 사용되는 CSS 스타일 파일
custom.css: css폴더 내 우선순위가 제일 높은 파일입니다. 테마에 이미 적용되어 있는 스타일을 변경하고자 할때 다른 css파일의 클래스를 넣어 재설정 해 주면 적용됩니다.(또는 본인만의 스타일설정을 이 파일에서 만들면 관리가 편합니다.)
style.css: 해당 테마에 사용된 CSS 스타일 파일

글쓰기 / 댓글쓰기 시 나오는 이모티콘 이미지

테마에 사용되는 이미지파일을 업로드

테마에 사용되는 기본적인 js 파일

테마의 전체적인 레이아웃을 구성하는 html 파일

테마의 메인을 구성하는 html 파일

개별 일반페이지를 추가하여 작업하실 수 있습니다.

테마에 사용된 자바스크립트 플러그인들 모음

backstretch(http://www.jquery-backstretch.com/): 로그인 페이지 뒷배경 변하는 액션
Bootstrap(http://bootstrapk.com/): 부트스트랩
clipboard(https://clipboardjs.com/): 버튼 누로면 복사 되는 소스
eyoom-form: 이윰폼
fakeLoader(http://joaopereirawd.github.io/fakeLoader.js/): 페이지 로딩시 액션 소스
font-awesome(http://fontawesome.io/): 폰트 어썸
infinite-scroll(https://github.com/paulirish/infinite-scroll): 무한스크롤
magnific-popup(http://dimsemenov.com/plugins/magnific-popup/): 라이트박스
masonry(https://masonry.desandro.com/): 이미지 정렬 - 갤러리 보드 스킨 목록
perfect-scrollbar(https://noraesae.github.io/perfect-scrollbar/): 해당 영역에 스크롤바 생성
prism(http://prismjs.com): 코드하이라이트
scroll-tabs(http://joshreed.github.io/jQuery-ScrollTabs): 아웃로그인 스킨 탭 메뉴 스크롤
sidebar(http://jillix.github.io/jQuery-sidebar/): sidebar 플러그인 - 아웃로그인 스킨에 사용
slick(http://kenwheeler.github.io/slick): 슬라이드(캐러셀) 플러그인
sly(http://darsa.in/sly/): scroll-tabs 같은 플러그인
stick-kit(http://leafo.net/sticky-kit/): 좌우 레이어 중 높이가 낮은 레이어거 따라 내려오는 기능
sweetalert(https://limonte.github.io/sweetalert2): 경고창
venobox(http://veno.es/venobox/): 라이트박스 - 게시판 이모티콘 출력 라이트박스

게시판, 최신글, 아웃로그인 등 테마의 모든 개별 스킨들을 모아둔 폴더입니다.