사이트 내 전체검색

메뉴얼의 메뉴얼

최종수정 2018-02-23

하우코드 메뉴얼 스킨
설명서
User's Manual (Ver 1.0)

v180222 다운로드 받기

하우코드

1. 개요 / 저작권

제목 : 하우코드 메뉴얼 게시판 스킨 (board)

제작 : 2018-02-21 로빈아빠 김성대 howcode.co.kr

개요 : 메뉴얼 한눈에 볼수 있게 하고, 여러사람이 편집에 참여 할수 있게 함

샘플 : http://howcode.co.kr/bbs/board.php?bo_table=manual1

수정/배포/상업적인 사이트에 사용하셔도 무방하며 별도 제한이 없습니다.
MIT 라이센스에 따릅니다. (라이선스와 저작권 관련 명시만 지켜주면 됩니다.)
물론 퍼가실때는 꼭 출처 명시 부탁드려요..

출처 : howcode.co.kr 로빈아빠 김성대

1-1. 기본 주요 기능

1) 관리자,편집자는 일반 게시판 처럼 목록이 보이고 수정을 할수 있게한다.
  - 게시판 관리자는 일반 목록 처럼 수정가능하게 한다.
  - 게시판 쓰기가 가능한 회원은 일반 글쓰기가 가능하게 한다.
  - 여분필드에 쓰기가능회원을 지정하면 쓰기 등급이 되면서 지정된 회원만 쓰기가능하게 한다.
  - 여분필드에 편집가능회원을 지정하면 쓰기 등급이 되면서 편집가능한 회원이 수정만 가능하게 한다.(신규등록 안됨)

2) 상단의 [게시판보기] 버튼을 클릭하거나 쓰기 등급이 없는 회원은 메뉴얼 만 보인다.

3) 프린트기능,검색기능, code_highlighter 기능. 검색어 기능을 제공한다.

1-2. 목차 기능

1) 목차는 별다른 지정이 없으면 제목의 일부분이 보인다.
2) 목차의 순서는 제목에 달린 숫자를 기준으로 정렬된다.
  1.  기본기능
  1-1. 상세1
  1-2. 상세2
  2. 두번째 기능
  이런식으로 입력하면 된다. (아직까지 *-* 2depth 까지만 지원한다.)

2) wr_link1 에 제목을 입력하면 해당 단어는 목차에 원 제목은 상단에 표시된다.
  즉  제목에는 1-1. 가나다 라고 입력하고..
  wr_link1  에는 ABC 라고 입력하면
  왼쪽 목차 선택에는  ABC 라고 나오고 오른쪽 본문에는 1-1 가나다로 표시된다.
 
3) wr_link2 에는 기능을 정의한다.
  - hide : 상위메뉴를 클릭해야 펼쳐진다.
  - security : 관리자/편집가능한 사람만 볼수 있다
  - icon1~icon99 : 제목앞에 지정된 아이콘을단다.
  - tail1~tail99 : 제목뒤에 지정된 아이콘을 단다.

  - page1 ~ page99 페이지 모양
  - title1 ~ title99 본문제목 모양
  - index1 ~ index99 왼쪽 목차 모양
  - line1~ line99 목차 하단에 줄넣기

1-3. 페이지기능

1)
각 페이지는 기본적으로 대 분류 (-가 없는 1. ~  2. 등등)에는 별도 페이지 박스 가 지정된다.
페이지의 박스모양은  wr_link2  에 box1~ box99 로 지정된다.

예를들어
  1. 대목차1
    1-1. 중목차1 
    1-2.  중목차2
    1-3. 중목차3
  2. 대목차2
이면 대목차1 과 대목차2에 박스가 그려지고
    중목차1~ 중목차3 은 대목차1의 박스안에서 표현된다.

2) 중목차에 박스가 지정된 경우
    대목차의 박스를 닫고  해당 중목차는 다시 박스가 그려진다.

  1. 대목차1  : box1
    1-1. 중목차1 
    1-2.  중목차2  box2
    1-3. 중목차3
    1-4. 중목차4
  2. 대목차2

  이면 대목차 1, 중목차1에 box2가 그려지고
        중목차2에 전용 박스
      중목차3,중목차4는  box1이 그려진다. (대목차1 상속)

1-4. 페이지 모양(옵션)

wr_link2 에 section_cover 을 입력하면 해당되는 부분에 표지 모양으로 나온다.
내용은 다음의 코드를 입력하라 (HTML)
<h1 class="text-center">하우코드 메뉴얼 스킨<br>설명서<br><small>User's Manual (Ver 1.0)</small></h1>
<a href="/bbs/download.php?bo_table=manual1&amp;wr_id=1" class="btn_admin btn_04 pad10 rad5">v180222 다운로드 받기
 </a>
<p>
<a href="http://howcode.co.kr/" target="_blank" rel="nofollow noreferrer noopener"> <strong>하우코드</strong></a>

2. 본문(box)내 태그 사용

기본태그 (class)는
h1 ~ h5
bcenter : magin:0 auto;
left center right  : text-align left, center right
w100  w50 w30 w10  (100% 50% 30% 10%)
solid1 ~ solid9  박스모양
pad0~pad50  padding 0 ~ padding 50 (5단위)
ma0~ma50  margin 0 ~ margin 50 (5단위)
bt1 ~ bt10  버튼 모양

예)
<div class='h1 bcenter center m w50 solid3 pad30 ma15'>
  가나다 <BR>
  <a href='/bbs/' class='bt1'> 바로가기1 </a>
  가나다 <BR>
</div>
 이면 h1 큰글자로
  bcenter : box를 가운데 정렬하고
  center 본문글자는 가운데
  w50  box 크기는 50%
  solid3 : 박스의 선문자는 3형태
  pad30 : padding:30px
  ma : margin:30 px
이다.. css/basic.css 에 정의되어 있음

예)
폭을 width:50%  margin-left: auto;  margin-right: auto;  처리
  <div class='wid50 mcen'>{이미지4 }</div>

2-1. syntaxhilight 사용

<?php
include_once $board_skin_path.'/_config.php';
include_once $board_skin_path.'/_lib.php';
include_once $board_skin_path.'/_head.php';
$arow=array();
$asub=array();




압축파일내 syntaxhilight 폴더를 /plugin/syntaxhilight 에 위치시키면된다.

2-2 유투브 사용

본문에 유투브 주소를 입력하면 해당 부분에 유투브 동영상이 나온다.

예 )  https://  youtu.be/VtB6drE9Da0    공백이 없어야함

    아파치님의 유투브 강의 보기
https://youtu.be/VtB6drE9Da0

2-3 슬라이드 사용 bxslider

이미지를 여러 등록한뒤
본문중에 {슬라이드} 라고입력하면
해당위치에 슬라이드가 표시된다.
단 첨부 이미지의 파일명은 slide 로 시작되어야 한다.

예)

상단이미지 출력(1번이미지}


슬라이드 2, 3
{슬라이드}

6번 이미지 출력

3. 첨부이미지 처리

1) 첨부이미지는 기본으로는 본문 상단에 표시된다.

2) 본문에 {이미지 } 라고 적으면 해당 부분에 이미지가 표시된다 ( { } 안에는 빈칸이 없어야 한다)

3) 본문에 {이미지 1}  {이미지 2}  {이미지 3}  으로 입력하면 해당되는 부분에 이미지가 첨부된다.

예 이미지1 ,이미지2 치환
이미지1 -> 
이미지2 -> 

9. 설치방법

다운받은 스킨의 압축을 풀면 세개의 폴더가 나온다.
 
게시판 스킨 위치 /skin/board/ar.manual10
플러그인  위치 /skin/board/ar.manual10
extend 위치 /extend/_ar.print_extend.php

목차 대분류는 1. 2. 3.  형식으로 숫자와 . (점)으로 시작되고
목차 중분류는 1-1. 1-2. 형식으로 대분류 숫자 - 중분류숫자  . (점)으로 시작된다.

9-1. 프린트 기능 설치방법

본문 프린트 기능을 사용하시려면 첨부파일중 _ar.print_extend.php 를 extend 폴더에 넣어야 합니다.

다른 스킨에도 print.head.php print.tail.php 를 넣어주면 다른 스킨에도 본문 프린트 기능이 동작될껍니다.^^

9-2. 도움주신분들

흔쾌히 호스팅공간을 할당해주신 @亞波治 감사합니다.
scroll문제는 @logos @슈와이 님께서 해결주셨습니다. 두 분께 진심으로 감사드립니다.
프린트 기능을 제안해주신 xpem 님 감사합니다.
[ code ] 기능을 제안해주신 DawnDew 님 감사합니다.^^

회원로그인

접속자집계

오늘
116
어제
639
최대
3,566
전체
2,403,160