메뉴 건너뛰기

MH

내 사랑치 않고 끝내는 것 보다 사랑해서 잃어 버리는 편이 좋다.

It is better to have loved and lost than to have never loved at all.

조회 수 134 추천 수 0 댓글 5
Extra Form
원작자 80san
출처 https://xetown.com/point_contents/1161730
적용여부 적용

드래그하여 페이지/문서 이동 애드온

https://xetown.com/point_contents/1161730

 

[스케치북5 게시판에 적용하는 방법]

1. 먼저 /addons/drag_interaction/tpl/index.html 코드를 보면

$list_area_id = 'board_list';

$document_area_id = 'board_read';

board_list 가 페이지 부분 id 이고,

board_read 가 본문글 부분 id 입니다.

 

2. 그럼 어떻게 적용하는가

/modules/board/m.skins/sketchbook5/list.html 파일안에 파란색부분을 찾아서 빨간색부분으로 감사줍니다.

<!--// 본문 -->
<div id="board_read">
<include cond="$oDocument->isExists()" target="_read.html" />
</div>

이렇게 하면 본문글(_read.html)부분이 board_read 라는 id 값으로 설정됩니다.

 

<div id="board_list">
<!--// 게시판 유형 -->
<!--@if($mi->default_style=='list')-->
    <!--@if(!Mobile::isMobileCheckByAgent() || $mi->list_m)-->
    <include target="_list_normal.html" />
    <!--@else-->
    <include target="_list_m.html" />
    <!--@end-->
<!--@elseif($mi->default_style=='webzine')-->
<include target="_list_webzine.html" />
- 중략 -
<!--@else-->
<include target="_list_normal.html" />
<!--@end-->

</div>

이 부분은 페이지리스트 부분이 board_list 라는 id 값으로 설정됩니다.

이렇게 까지만 해도 모바일에서 게시판 스킨이 스케치북5 이면 잘 작동합니다.

 

3. Xetown의 웹지기님이 남긴 팁적용

https://xetown.com/tips/1163417

 

애드온의 php 파일에 사용되지 않아야할 조건에 || $_COOKIE['donotdragpage'] == 'true' 를 추가해 줍니다.

/addons/drag_interaction/drag_interaction.addon.php

<?php
    // 중단 조건
    if (
        !Mobile::isMobileCheckByAgent()
        || $called_position !== 'before_display_content'
        || Context::getResponseMethod() !== 'HTML'
        || Context::get('module_info')->module !== 'board'
        || !Context::get('grant')->access
        || Context::get('act')
        || $_COOKIE['donotdragpage'] == 'true' 
    ) return;

 

저는 페이지이동 문구를 상단으로 끌어 올렸습니다.

/modules/board/m.skins/sketchbook5/list.html

빨간색부분 추가 하시고 img방에 drag.png파일 추가

    <!--// FAQ 검색창 -->
    <div cond="$mi->srch_window!='N'" class="bd_faq_srch<!--@if($mi->srch_window==3)--> clear<!--@end-->" style="display:block"|cond="$mi->srch_window==2 || $search_keyword">
        <include target="_search.html" />
    </div>
</div>

 

<div style="text-align:center; margin:10px 0; color:orange">
<img src="img/drag.png" />
<p style="display:none;" class="dragoff"> 좌우 스크롤로 페이지 이동이 가능합니다. 끄기 <i class="fa fa-toggle-on dragoff" aria-hidden="true"></i></p>
<p style="display:none;" class="dragon"> 좌우 스크롤로 페이지 이동이 불가능합니다. 켜기 <i class="fa fa-toggle-off dragon" aria-hidden="true"></i></p>
</div>

 

<!--// 카테고리 -->
<div class="cnb_n_list">

이미지 002.jpg

list.html 파일 최하단에 아래 스크립트 추가

<script>
jQuery(function($){
if(getCookie('donotdragpage') == 'true'){
$('.dragoff').hide();
$('.dragon').show();
}
else {
$('.dragon').hide();
$('.dragoff').show();
}
$('.dragoff').click(function(){
setCookie('donotdragpage', 'true', new Date(Date.now() + 1000000000000));
$('.dragoff').remove();
$('.dragon').show();
location.reload();
});
$('.dragon').click(function(){
setCookie('donotdragpage', 'true', new Date(Date.now() - 1));
$('.dragon').remove();
$('.dragoff').show();
location.reload();
});
});
</script>

 

/modules/board/m.skins/sketchbook5/_read.html 상단에 빨간색 부분 추가

<div style="text-align:center; margin:10px 0; color:orange">
<img src="img/drag.png" />
<p style="display:none;" class="dragoff"> 좌우 스크롤로 이전/다음 글 이동이 가능합니다. 끄기 <i class="fa fa-toggle-on dragoff" aria-hidden="true"></i></p>
<p style="display:none;" class="dragon"> 좌우 스크롤로 이전/다음 글 이동이 불가능합니다. 켜기 <i class="fa fa-toggle-off dragon" aria-hidden="true"></i></p>
</div>

 

<div class="rd<!--@if(!$mi->rd_nav_style)--> rd_nav_style2<!--@end--><!--@if($mi->default_style=='blog')--> rd_blog {$mi->blog_style}<!--@end--> clear" style="padding:{$mi->rd_padding};" data-docSrl="{$oDocument->document_srl}">

이미지 001.jpg

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

Atachment
첨부 '2'
    Tip이 도움이 되었다면 댓글과 평가 부탁합니다. Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?
  • ?
    안녕하세여 2019.02.17 18:16

    이런거 보면 그냥 스케치북을 써야하나 싶네요ㅠ 유료 게시판은 아무도 팁을 올려주지 않네요.

    펼치기
    접기
  • profile
    팔공산 2019.02.17 23:13

    안녕하세여 님에게 달린 댓글

    유료게시판도 약간의 코드만 볼 줄 알면 위의 팁정도는 적용 할 수 있을 건데요...
    그리고 제 생각에는 게시판중에서 유/무료를 떠나 스케치북이 가장 뛰어난 게시판 같습니다.
    개인의 디자인 취향은 있지만 기능적으로는 스케치북을 따라올 스킨은 없는 듯 합니다.
    그래서 저도 문하우스 게시판 스킨 업데이트 포기했구요.

    펼치기
    접기
  • ?
    안녕하세여 2019.02.22 19:30

    팔공산 님에게 달린 댓글

    저는 아폴로 게시판 사용 중에 있습니다. 코알못이라 함부로 손도 못대겠고, 도전은 해봤는데 작동이 안되네요. 사이트에 굉장히 필요한데 말입니다ㅠ
    펼치기
    접기
  • profile
    팔공산 2019.02.22 21:52

    안녕하세여 님에게 달린 댓글

    님의 홈피를 접속할 수가 없어서 자세한 게시판은 볼 수가 없는데
    제가 예전에 https://xetown.com/point_contents/684869 에서 받은 aplosboard 파일을 보니
    위 본문의 수정방법과 거의 같은 것 같은데요.
    펼치기
    접기
  • ?
    안녕하세여 2019.02.23 18:25

    팔공산 님에게 달린 댓글

    너무 감사합니다. 리스트 파일을.. _list.html이 아니고 list.html에서 찾으니, 위와 동일한 코드가 있네요. 페이지 이동 덕분에 적용했습니다ㅠ 너무 감사해요!
    펼치기
    접기

List of Articles
번호 분류 제목 원작자 날짜 조회 수 적용여부
253 Xe 위젯에 특정 카테고리글만 출력하기 file 앙띠2 2019.09.10 3 적용
252 문하우스 게시판으로 간단한 거래장부 만들기 file 80san 2019.03.27 184 NO
251 문하우스 호스팅 이전 하면서 /xe 떼고 SSL설치한 경험기 입니다. file 80san 2019.03.16 142 적용
250 문하우스 게시글보기 링크문구 바로가기 아이콘 출력 file 80san 2019.02.23 195 적용
249 문하우스 게시판 글쓰기시 Tag부분 출력 유무 설정방법 file 80san 2019.02.17 55 적용
» 문하우스 "드래그하여 페이지/문서 이동 애드온" 적용팁 5 file 80san 2019.02.14 134 적용
247 XE타운 XE 위젯을 반응형으로 적용하자 file 도토리묵 2018.12.31 138 변형
246 XE타운 댓글이 2줄 이상일 경우 접고 펴는 기능추가하기 file 이온디 2018.11.27 93 변형
245 문하우스 Sketchbook5 게시판 글작성시 상단에 빵조각메뉴 부분 삭제하기 file 80san 2018.11.02 115 적용
244 문하우스 Xedition 레이아웃 스킨에서 검색버턴 바꾸기 file 80san 2018.10.31 86 적용
243 문하우스 xedition레이아웃과 sketchbook5 게시판을 같이 사용시 미미한 문제점수정 file 80san 2018.10.27 89 적용
242 문하우스 구글 드라이브 자료링크를 XE게시판에 적용하는 방법 file 80san 2018.09.25 184 적용
241 XE타운 게시판 사용자정의 일자(연월일)에 시간 추가하는 방법 file sunup 2018.09.03 122 NO
240 XE타운 PC, 모바일, Tab 접속장치 구분 코드 file misol 2018.08.03 109 적용
239 XE타운 마지막 문장 이후 오는 <p> </p> 를 모두 제거해서 보여주는 방법 prologos 2018.07.28 74 적용
238 문하우스 구글 웹사이트 번역기 웹페이지에 간단하게 달기 file 80san 2018.07.27 256 NO
237 문하우스 이미지 Hover시 Zoom기능 출력 file 80san 2018.07.25 94 적용
236 기타 XE 위젯에 임시 저장글이 뜰때 해결방법 file 잡다한 생각 2018.07.13 37 적용
235 문하우스 외부링크 파일을 로그인회원만 확장변수활용 다운받게 하는 방법 file plruto 2018.02.17 214 적용
234 문하우스 Ckeditor에 스킨 설치하는 방법 file 80san 2018.02.13 342 NO
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...