게시판 관리 > ku_class 도움말

스킨 기본정보

sketchbook5
sketchbook (http://sketchbooks.co.kr/ , contact@sketchbooks.co.kr)
2010-11-16
sketchbook5 Board Skin. 한국형 게시판 스타일, 여러 목록 유형 제공, 사용자 편의를 고려한 다양한 기능, 모바일까지 대응.

사용자 정의

전체 설정

도움말
도움말

컬러셋과는 별도로 게시판의 전체 '색상' 분위기를 결정하는 부분입니다. 제목, 데코레이션, 테두리 등의 색상을 결정합니다.

도움말

위의 색상 외에 직접 색상을 입력할 수 있습니다. 입력방법은 색태그(예 : #FFFFFF)에서 '#'을 제외한 'FFFFFF' 부분만 입력하세요. 아래의 '그림자' 색상도 반드시(!) 입력하셔야 합니다.

도움말

입력방법은 색태그(예 : #FFFFFF)에서 '#'을 포함한(!) '#FFFFFF' 부분까지 입력하세요. 위의 '색상'보다 조금 더 어두운 색상을 입력하는 것을 추천합니다.

도움말

아이콘에 마우스 오버했을 때 효과를 설정합니다. 모바일에서는 작동하지 않습니다. *css3 animation 을 지원하는 브라우저에서만 작동합니다.

도움말

게시판의 기본글꼴을 설정합니다. 단, 아래의 '글꼴 선택 버튼'을 표시하는 경우 사용자가 선택한 글꼴이 우선합니다. '추천글꼴'은 나눔고딕을 기본(한글의 경우)으로 하여 사용자의 다양한 환경에 대비한 여러 글꼴의 조합입니다.

도움말

게시판 제목을 이 항목에 등록한 이미지로 사용할 수 있습니다.

게시판 상단 설정

도움말

'표시 안함' 게시판 설정의 '게시판 정보' 메뉴의 '분류 사용' 항목과 관계없이 표시하지 않습니다.

도움말

카테고리의 각 메뉴 이름 옆에 게시물 수를 표시합니다.

도움말

'그라데이션+테두리' 스타일에서 처음부터 목록이 펼쳐져 있게 합니다.

게시판 하단 메뉴 설정

목록 공통 설정

도움말

본문을 볼 때 본문 하단에 목록을 출력할 것인지를 결정합니다.

도움말

공지의 출력형식을 결정합니다. 모든 목록형태에서 동일한 공지의 출력이 필요한 경우 사용됩니다.

도움말

입력하지 않으면 기본 설정은 설정은 자르지 않습니다. *갤러리형은 별도 항목이 존재합니다.

도움말

입력하지 않으면 기본 설정은 240 입니다.

도움말

입력하지 않으면 기본 설정은 24 입니다.

도움말

목록과 본문에서 섬네일 또는 프로필 이미지가 없는 경우 '?' 혹은 'No Image' 표시 대신 사용자가 직접 등록한 이미지를 사용할 수 있습니다. 여기에 이미지를 등록하면 활성화됩니다.

도움말

게시판 제목이나 공지 등에 활용되는 게시판 설정의 '게시판 정보' 항목의 '상단 내용'을 본문 출력 방식을 설정합니다.

도움말

해당 요소의 'title'을 가지고 말풍선(툴팁)을 만들어 시인성을 높입니다.

도움말

'목록형', '갤러리형'에서 댓글수의 디자인을 결정합니다. 박스형(강조형)은 댓글 수를 강조할 때 유용합니다.

일반 목록형 유형 설정

도움말

목록에서 제목 앞에 카테고리를 표시합니다.

도움말

분류, 닉네임 영역이 길어지는 경우 제목 영역이 너무 좁아지는 것을 막기 위해 최대 넓이를 제한합니다. 입력하지 않으면 '90'(px)입니다.

도움말

*미리보기의 이미지의 크기는 '갤러리형' 섬네일 설정에 따릅니다.

도움말

입력하지 않으면 '150'입니다.

웹진형, 갤러리형 공통 설정

도움말

페이지 로딩 시에 섬네일 효과를 설정합니다. (단지 디자인 요소만이 아닌, 이미지가 로딩되기 전에 이미지 영역을 감싸는 요소들이 흐트러지는 것을 방지하는 역할을 합니다.)

도움말

위의 '리본 스타일' 항목에서 '삼각 리본'을 선택하시는 경우 리본 이미지를 등록하여 사용할 수 있습니다(*공지, 새 글, 업데이트 제외). 입력하지 않으면 60 X 60(px)이 기본사이즈입니다. 직접 등록하시는 경우 등록하시는 이미지의 사이즈(가로, 세로 동일)를 입력해주세요.

도움말

'숫자'만(px 단위입니다) 입력해주세요.

도움말

타일형 리본을 선택한 경우 색상을 직접 지정할 수 있습니다(*공지, 새 글, 업데이트 제외). 입력방법은 풀코드를 입력해야합니다. 예) #FF0, rgb(0,25,55), rgba(55,15,5,1) 등

도움말

'좌측 상단 리본'에서 확장변수 사용 시 선택할 확장변수의 번호를 설정합니다. 설정이 없으면 1번이 지정됩니다.

웹진형 설정

도움말

'카드 스타일'에서 바깥 여백(margin)을 설정합니다. 입력하지 않으면 기본 설정은 '10' 입니다.

도움말

마우스 오버시에 썸네일이 기울어지거나, 확대되는 효과를 사용하지 않습니다. *테두리 효과에는 영향을 미치지 않습니다.

도움말

섬네일의 넓이에 따라 '카드스타일'에서 카드 블록의 넓이가 결정됩니다. 입력하지 않으면 기본 설정은 '90' 입니다.

도움말

입력하지 않으면 기본 설정은 '90' 입니다.

도움말

섬네일의 css를 직접 입력할 수 있습니다. 커스텀 사용자를 위한 항목입니다.

도움말

섬네일 좌측 상단의 리본에 들어갈 변수를 출력합니다. 확장변수의 경우 위의 '웹진, 갤러리 공통메뉴'에서 번호를 설정하세요. 설정이 없으면 1번을 출력합니다.

도움말

하단에 메타 정보 영역에 확장변수의 목록을 출력합니다.

도움말

하단의 글쓴이, 조회수 등의 메타 정보의 글자 색상을 설정합니다.

갤러리 형 (*표시 : '클라우드 갤러리'와 공통)

도움말

'갤러리형' 및 '클라우드 갤러리형'의 섬네일에 적용됩니다. 입력하지 않으면 기본 설정은 '90' 입니다.

도움말

'갤러리형' 및 '클라우드 갤러리형'의 섬네일에 적용됩니다. 입력하지 않으면 기본 설정은 '90' 입니다.

도움말

입력하지 않으면 기본 설정은 설정은 자르지 않습니다.

도움말

이 항목을 전체 영역에 맞게 설정하여 '가로 정렬할 이미지의 수'를 설정합니다. 예) 게시판 전체영역의 넓이가 '800px'이고 가로 갯수를 '4'개로 하고 싶은 경우 설정 넓이는 '200'으로 설정하시면 됩니다. 입력하지 않으면 섬네일 넓이에 +40 입니다.

도움말

입력하지 않으면 섬네일 높이에 +80 입니다.

도움말

섬네일의 css를 직접 입력할 수 있습니다. 커스텀 사용자를 위한 항목입니다.

도움말

섬네일 좌측 상단의 리본에 들어갈 변수를 출력합니다. 확장변수의 경우 위의 '웹진, 갤러리 공통메뉴'에서 번호를 설정하세요. 설정이 없으면 1번을 출력합니다.

도움말

섬네일 우측 하단에 들어갈 변수를 출력합니다. 확장변수의 경우 아래에서 출력할 확장변수 번호를 설정하세요. 설정이 없으면 1번을 출력합니다.

도움말

'우측 하단 투명창'에서 확장변수 사용 시 선택할 확장변수의 번호를 설정합니다. 설정이 없으면 1번이 지정됩니다,

도움말

섬네일을 꾸밉니다.

도움말

기본 제공되는 데코레이션 이미지 외에 사용자가 직접 이미지를 등록할 수 있습니다. 상단 가운데에 위치하게 됩니다.

도움말

섬네일의 기울기를 사용합니다. 숫자(양수)를 입력하여 범위를 설정합니다. 단위는 각도(0~180)로 입니다. 입력하지 않으면 사용하지 않습니다. *css3를 지원하는 브라우저에서만 적용됩니다.

클라우드 갤러리

도움말

갤러리의 높이(=섬네일의 무작위 세로 위치의 범위)를 설정합니다. 설정하지 않으면 기본 '600' 입니다.

도움말

※ IE8 이하에서 적용되지 않습니다.

도움말

섬네일의 기울기 좌우 범위를 설정합니다. 단위는 각도(0~180)로 '숫자(양수)'만 입력하세요. 설정하지 않으면 기본 '25' 입니다.

도움말

이 버튼들을 표시하면 관리자가 설정한 무작위 위치, 기울기의 최초 설정보다 사용자의 해당 버튼 활성화 여부가 우선합니다.

도움말

'무작위 위치'를 사용하지 않을 경우의 정렬된 이미지의 여백을 설정합니다. 설정하지 않으면 기본 '12' 입니다.

FAQ 게시판 형

도움말

FAQ 게시판의 스타일을 설정합니다. '공식 FAQ모듈 스타일'은 공식 FAQ모듈과 유사한 스타일로 변형시킵니다.

블로그 형

도움말

블로그형 스타일을 설정합니다. 외곽 영역에서 테두리와 그림자 여부를 설정합니다. *익스8 이하의 경우 'css3pie 애드온'을 활성화하여야 적용이 됩니다.

글쓰기 및 댓글쓰기 설정

도움말

글쓰기 화면에서 처음에 미리 입력된 글을 출력하는 기능입니다. HTML을 사용 할 수 있습니다.

도움말

(1) Textarea : 에디터를 불러오지 않고 글을 쓸 수 있습니다. (2) 에디터 (3) SocialXE : '난다날아'님의 'SocialXE' 와 본 스킨 제작자가 배포한 'SketchBook5 SocialXE 댓글 위젯 스킨'이 모두 설치되어 있는 경우에만 작동하는 옵션입니다.(※ 반드시 이 의미가 무엇인지 아는 사용자만 설정하시길 바랍니다.)

도움말

본문의 댓글 영역에 사용자가 에디터를 선택할 수 있는 버튼을 표시합니다. 위의 '댓글 에디터 설정'에서 'SocialXE'를 선택한 경우 'SocialXE 버튼'이 표시됩니다. ※ '댓글 에디터 설정' 항목보다 사용자가 선택한 에디터가 우선합니다.

도움말

위의 '댓글창 방식 옵션'에서 'SocialXE'를 선택한 경우, '대댓글 자동 펼치기' 옵션 사용 여부를 결정합니다.

도움말

익명 사용 여부를 선택하게 합니다.

첨부파일

도움말

첨부파일에서 이미지, 동영상, 음악 파일을 제외하는 기능을 사용합니다. 아래의 옵션에서 출력할 파일 타입을 선택하세요.

도움말

첨부파일에서 이미지 파일(jpg, jpeg, gif, png)의 출력 여부를 선택합니다.

도움말

첨부파일에서 동영상 파일(mpg, mpeg, avi, wmv, mp4, mov, mkv, swf, flv, ogv, webm)의 출력 여부를 선택합니다.

도움말

첨부파일에서 음악 파일(mp3, ogg, wma, wav, ape, flac, mid)의 출력 여부를 선택합니다.

도움말

위의 3가지 파일 타입(이미지, 비디오, 오디오)을 제외한 나머지 파일의 출력 여부를 선택합니다.

본문 이미지 설정

도움말

1. 이미지 드래그 : 본문에 삽입된 이미지를 마우스로 드래그할 수 있습니다.

도움말
도움말

첨부된 이미지를 본문에 자동 출력하는 기능입니다. *주의 : 본문에 에디터로 '삽입'하는 형식과는 달리 단순히 첨부된 이미지 파일을 보여주는 방법입니다. 추후 게시판 스킨을 다른 것으로 사용하거나 마이그레이션 하는 경우에 본문에 이미지가 표시되지 않으니 주의하세요.

도움말

첨부된 이미지 중에 파일 이름이 '_rd_gallery'로 끝나는 특정 이미지 파일만 자동 출력하는 기능입니다. 이 기능으로 특정 이미지만 자동 출력할 수 있습니다.

도움말

자동 출력되는 이미지를 정렬합니다.

도움말

자동 출력되는 이미지의 넓이를 설정합니다. '단위(px 또는 %)'까지 입력하세요. 입력하지 않으면 제한하지 않습니다.

도움말

자동 출력되는 이미지의 높이를 설정합니다. '단위(px 또는 %)'까지 입력하세요. 입력하지 않으면 제한하지 않습니다.

도움말

자동 출력되는 이미지를 감싸는 갤러리 영역의 스타일(CSS)을 직접 입력합니다.

도움말

자동 출력되는 이미지의 스타일(CSS)을 직접 입력합니다.

본문 일반 설정

도움말

본문의 전체 여백(padding)을 설정합니다. 사용자의 레이아웃에 따라 본문 폭이 달라 필요한 영역 확보를 하지 못하는 경우를 위해 옵션을 두었습니다. 일반 css 입력과 동일하므로 'px', 'em', '%' 등 '단위'까지 반드시(!) 입력해야 합니다(※ '0'으로 사용할 경우 '0'은 저장되지 않으니 '0px'을 입력하세요). 입력하지 않으면 기본설정은 '0 15px' 입니다. 예) '0px', '10px', '10px 20px 30px 10px', '3% 0' 등

도움말

아이콘 옆에 텍스트를 표시합니다.

도움말

'글자의 확대-축소', '상단-댓글-목록으로 이동', '프린트', '첨부파일', '이 게시물을', '수정', '삭제' 버튼의 표시 영역을 결정합니다.

도움말

처음에는 보이지 않다가 스크롤 하면 상단 내비가 윈도우 영역에서 사라지면 우측 하단에 나타나는 내비의 사용 여부를 결정합니다.

도움말

본문 내비의 프린트 버튼의 표시 여부를 설정합니다.

도움말

본문 하단의 링크, 키보드의 방향키 '←', '→' 을 사용하여 이전글, 다음글로 이동할 수 있습니다.

도움말

본문에 이미지가 없는 경우, 본문 상단에 미리 등록된 이미지를 표시합니다. 이 항목에서 이미지를 등록하시면 활성화됩니다.

도움말

위의 항목에서 '작은 아이콘' 사용 시에 아이콘 옆에 텍스트의 사용 여부를 설정합니다.

도움말

위의 항목에서 '큰 아이콘' 사용 시에 정렬을 설정합니다.

도움말

위의 항목에서 '커스텀 입력' 사용 시에 직접 코드를 입력할 수 있습니다. 예제 버튼은 매뉴얼 혹은 피드백 사이트를 참조하세요.

피드백(트랙백, 댓글) 목록 설정

도움말

댓글의 좌측, 방명록의 프로필 이미지를 보이게 할 것인지를 결정합니다.

도움말

처음에 댓글, 트랙백 목록이 숨겨져 있다가 'Comment' or 'Trackback' 버튼 클릭 시 펼쳐집니다.

도움말

기본으로 표시되는 '이 댓글을' 표시할 것인 지, 해당 목록에 포함되는 '추천, 비추천, 신고'를 직접 외부로 표시할 것인지를 결정합니다. 관리자에게는 '이 댓글을' 버튼이 항상 보입니다.

도움말

위젯, html 코드

도움말

위젯, html 코드

본문 제목 공통 설정

도움말

'뷰어로 보기' 시에는 '블로그 스타일'로 표시됩니다.

도움말

제목를 둘러싸는 전체 영역의 스타일(CSS)을 직접 입력합니다.

도움말

'게시판 스타일'의 경우 '상단영역' 전체에 적용됩니다. *'나눔글꼴'을 사용하시는 경우에 가장 미려하게 보입니다.

도움말

제목의 스타일(CSS)을 직접 입력합니다.

본문 '게시판 스타일' 제목 설정

도움말

제목 하단 영역에 나타나는 커스텀 공간입니다. 'html 입력' 또는 '회원정보위젯', '전광판위젯', '광고' 등을 넣어 사용할 수 있습니다.

본문 '블로그 스타일' 및 '뷰어로 보기' 제목 설정

도움말

*css3 animation을 지원하는 브라우저에서만 동작합니다.

도움말

'블로그 스타일'에서 제목 밑에 본문의 프리뷰 출력합니다. 확장변수에서 "확장변수 이름 : 'rd_preview', 형식 : '여러 줄 입력칸(textarea)'" 을 지정해주시면 사용할 수 있습니다. 자세한 설명은 XE자료실 또는 제작자의 홈페이지를 참조해주세요.

'뷰어로 보기' 설정

도움말

목록의 게시물 링크를 뷰어로 보게 하는'게시물을 뷰어로 보기' 버튼의 표시 여부를 결정합니다.

도움말

본문에서 '뷰어로 보기' 버튼을 설정합니다.

도움말

목록의 게시물 링크에 마우스를 올릴 때 'viewer' 버튼을 나타낼 것인지를 결정합니다.

도움말

본문의 최대 넓이를 설정합니다. '숫자'만 입력하세요.(단위는 px입니다) 입력하지 않으면 '720' 입니다.