웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
님께서 많은 사람들의 숙원이었던 이전글/다음글을 구현해 내셨습니다.
밥상은 다 차려졌으니 저는 슬쩍 끼어들어서 생색만 내겠습니다(...) html 하나도 모르겠다 이런 분들을 위해서-
![](https://xe1.xpressengine.com/files/attach/images/121/259/887/016/1.jpg)
게시물 하단에 요렇게 나오는 방법을 설명하고자 합니다.
보시다시피 "글종류: 제목 [코멘트 수] -글쓴이" 이렇게 표시되는데, 전형적인 제로보드4 스타일로서 많은 분들한테 익숙한 형태일듯 합니다.
또한, 다음 글이 없는 게시판의 제일 최근글이라면-
![](https://xe1.xpressengine.com/files/attach/images/121/259/887/016/2.jpg)
이렇게 나오고, 이전 글이 없는 게시판의 제일 옛날 글이라면-
![](https://xe1.xpressengine.com/files/attach/images/121/259/887/016/3.jpg)
이렇게 나오도록 만들었습니다. 제 홈페이지 http://gigglehd.com/ 의 모든 게시판이 그러니 이해 못하시는 분들은 가서 보시면 될테고.
시작하기 전에 먼저 피가되고 살이 되는
님의 원본 글 http://www.zeroboard.com/16882882 을 한번 읽고 나서 진행하시기 바랍니다.
document.model.php 를 받아서 zbxe/modules/document 에 덮어 씌우세요.
이 파일은 1.0.3 버전 기준입니다. 다른 버전에서는 정상 작동을 보장하지 못하니 원본 글을 참조하여 직접 만드시기 바랍니다.
getNextDivision.xml 를 받아서 zbxe/modules/document/queries 에 덮어 씌우세요.
getPrevDivision.xml 를 받아서 zbxe/modules/document/queries 에 덮어 씌우세요.
이상 파일들은
님의 원본 글 http://www.zeroboard.com/16882882 에서 만들라고 했던 필수 요소들입니다.
docment.model.php의 내용만 약간 다른데, 그것은 보시다시피-
$division_document->document_srl = $data->document_srl;
$division_document->title = $data->title;
$division_document->nick_name = $data->nick_name;
$division_document->comment_count = $data->comment_count;
이렇게 주소, 제목, 닉네임 외에도 코멘트 수를 추출해 내기 위해서입니다. 혹 다른거 더 불러내실 분이라면 여길 적당히 손보셔야 되겠고.
다음으로 본격적인 적용 방법입니다. zbxe/modules/board/skins/스킨이름/view_document.html 의 제일 아래에 다음 내용을 덧붙입니다.
{@$oDivision = &getModel('document')}
{@$nextdocu = $oDivision->getDocumentDivision($oDocument->document_srl,'next','list_order')}
{@$prevdocu = $oDivision->getDocumentDivision($oDocument->document_srl,'prev','list_order')}
<!--@if($nextdocu->document_srl == "")--><!--@else--><a href="{$nextdocu->document_srl}"><div>다음글: {$nextdocu->title} [{$nextdocu->comment_count}] -{$nextdocu->nick_name}</div></a><!--@end-->
<!--@if($prevdocu->document_srl == "")--><!--@else--><a href="{$prevdocu->document_srl}"><div>이전글: {$prevdocu->title} [{$prevdocu->comment_count}] -{$prevdocu->nick_name}</div></a><!--@end-->
if문을 넣어서 다음글/이전글에 해당하는 주소가 없다면 아예 출력하지 않도록 했습니다. 진짜 별것도 아닌것 가지고 생색입니다 =_=a
다음은 옵션. 이렇게 되면 글 아래의 목록이 거추장스럽게 변하는데, 글 아래의 목록만 없애는건 http://www.zeroboard.com/15832477 여기를 참조하시면 됩니다.
그리고 다음글과 이전글이 코멘트창 바로 아래에 붙는게 보기 싫고, 글 목록이 사라졌으니 글 목록 버튼을 거기에다 붙이고 싶다면, view_document.html 에서 이전글/다음글 내용을 붙인거 바로 위에다가-
<div class="contentButton">
<!--@if($module_info->default_style != 'blog')-->
<a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</span></a>
<a href="{getUrl('act','dispBoardWrite','document_srl','')}" class="button"><span>{$lang->cmd_write}</span></a>
<!--@end-->
<!--@if($oDocument->isEditable())-->
<a href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_modify}</span></a>
<a href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_delete}</span></a>
<!--@end-->
</div>
라고 붙입니다. 이 경우 버튼들이 스타일 설정이 제대로 안되서 왼쪽으로 붙어버리는데, zbxe/modules/board/skins/스킨이름/css/common.css 제일 마지막줄에-
.contentButton { text-align:right;margin:10px 0 5px 0; padding-top:10px;}
라고 붙이면 버튼이 오른쪽 정렬이 되고, 이전글/다음글과 적당한 간격을 유지하게 됩니다. 전체적인 느낌은-
![](https://xe1.xpressengine.com/files/attach/images/121/259/887/016/4.jpg)
대충 이런 식입니다. 디자인적인 부분에서 좀 손을 대야 되겠지만 그건 각자 취향에 맞춰서 알아서 하시길.
제로보드4 스타일 이전글/다음글 구현하기 (라르게덴님 팁 재탕)
2008.05.30 20:36
![id: 라르게덴 id: 라르게덴](http://www.zeroboard.com/zbxe_user_tip/files/member_extra_info/image_name/926/222/003/3222926.gif)
밥상은 다 차려졌으니 저는 슬쩍 끼어들어서 생색만 내겠습니다(...) html 하나도 모르겠다 이런 분들을 위해서-
![](https://xe1.xpressengine.com/files/attach/images/121/259/887/016/1.jpg)
게시물 하단에 요렇게 나오는 방법을 설명하고자 합니다.
보시다시피 "글종류: 제목 [코멘트 수] -글쓴이" 이렇게 표시되는데, 전형적인 제로보드4 스타일로서 많은 분들한테 익숙한 형태일듯 합니다.
또한, 다음 글이 없는 게시판의 제일 최근글이라면-
![](https://xe1.xpressengine.com/files/attach/images/121/259/887/016/2.jpg)
이렇게 나오고, 이전 글이 없는 게시판의 제일 옛날 글이라면-
![](https://xe1.xpressengine.com/files/attach/images/121/259/887/016/3.jpg)
이렇게 나오도록 만들었습니다. 제 홈페이지 http://gigglehd.com/ 의 모든 게시판이 그러니 이해 못하시는 분들은 가서 보시면 될테고.
시작하기 전에 먼저 피가되고 살이 되는
![id: 라르게덴 id: 라르게덴](http://www.zeroboard.com/zbxe_user_tip/files/member_extra_info/image_name/926/222/003/3222926.gif)
document.model.php 를 받아서 zbxe/modules/document 에 덮어 씌우세요.
이 파일은 1.0.3 버전 기준입니다. 다른 버전에서는 정상 작동을 보장하지 못하니 원본 글을 참조하여 직접 만드시기 바랍니다.
getNextDivision.xml 를 받아서 zbxe/modules/document/queries 에 덮어 씌우세요.
getPrevDivision.xml 를 받아서 zbxe/modules/document/queries 에 덮어 씌우세요.
이상 파일들은
![id: 라르게덴 id: 라르게덴](http://www.zeroboard.com/zbxe_user_tip/files/member_extra_info/image_name/926/222/003/3222926.gif)
docment.model.php의 내용만 약간 다른데, 그것은 보시다시피-
$division_document->document_srl = $data->document_srl;
$division_document->title = $data->title;
$division_document->nick_name = $data->nick_name;
$division_document->comment_count = $data->comment_count;
이렇게 주소, 제목, 닉네임 외에도 코멘트 수를 추출해 내기 위해서입니다. 혹 다른거 더 불러내실 분이라면 여길 적당히 손보셔야 되겠고.
다음으로 본격적인 적용 방법입니다. zbxe/modules/board/skins/스킨이름/view_document.html 의 제일 아래에 다음 내용을 덧붙입니다.
{@$oDivision = &getModel('document')}
{@$nextdocu = $oDivision->getDocumentDivision($oDocument->document_srl,'next','list_order')}
{@$prevdocu = $oDivision->getDocumentDivision($oDocument->document_srl,'prev','list_order')}
<!--@if($nextdocu->document_srl == "")--><!--@else--><a href="{$nextdocu->document_srl}"><div>다음글: {$nextdocu->title} [{$nextdocu->comment_count}] -{$nextdocu->nick_name}</div></a><!--@end-->
<!--@if($prevdocu->document_srl == "")--><!--@else--><a href="{$prevdocu->document_srl}"><div>이전글: {$prevdocu->title} [{$prevdocu->comment_count}] -{$prevdocu->nick_name}</div></a><!--@end-->
if문을 넣어서 다음글/이전글에 해당하는 주소가 없다면 아예 출력하지 않도록 했습니다. 진짜 별것도 아닌것 가지고 생색입니다 =_=a
다음은 옵션. 이렇게 되면 글 아래의 목록이 거추장스럽게 변하는데, 글 아래의 목록만 없애는건 http://www.zeroboard.com/15832477 여기를 참조하시면 됩니다.
그리고 다음글과 이전글이 코멘트창 바로 아래에 붙는게 보기 싫고, 글 목록이 사라졌으니 글 목록 버튼을 거기에다 붙이고 싶다면, view_document.html 에서 이전글/다음글 내용을 붙인거 바로 위에다가-
<div class="contentButton">
<!--@if($module_info->default_style != 'blog')-->
<a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</span></a>
<a href="{getUrl('act','dispBoardWrite','document_srl','')}" class="button"><span>{$lang->cmd_write}</span></a>
<!--@end-->
<!--@if($oDocument->isEditable())-->
<a href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_modify}</span></a>
<a href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_delete}</span></a>
<!--@end-->
</div>
라고 붙입니다. 이 경우 버튼들이 스타일 설정이 제대로 안되서 왼쪽으로 붙어버리는데, zbxe/modules/board/skins/스킨이름/css/common.css 제일 마지막줄에-
.contentButton { text-align:right;margin:10px 0 5px 0; padding-top:10px;}
라고 붙이면 버튼이 오른쪽 정렬이 되고, 이전글/다음글과 적당한 간격을 유지하게 됩니다. 전체적인 느낌은-
![](https://xe1.xpressengine.com/files/attach/images/121/259/887/016/4.jpg)
대충 이런 식입니다. 디자인적인 부분에서 좀 손을 대야 되겠지만 그건 각자 취향에 맞춰서 알아서 하시길.
댓글 12
제목 | 글쓴이 | 날짜 |
---|---|---|
간편 css 압축 | Ansi™ | 2015.04.21 |
폰갭과 웹앱 그리고 XE... [6] | onTrust | 2015.04.23 |
PC에서 모바일화면 보는방법 [2] | 빅스타 | 2015.04.29 |
리스트에 스크랩 버튼을 뺴는 코드입니다. [3] | 착한악마 | 2015.04.30 |
xe설치시 퍼미션 문제나 DB엑세스 문제 해결하기 | 길가던분 | 2015.05.01 |
CKEditor 이용시 몇가지 유용한 설정 [11] | prologos | 2015.05.02 |
속도관련 나노팁. [5] | 1052 | 2015.05.04 |
member 모듈 업데이트가 계속 나오는 경우 | 고니고니 | 2015.05.06 |
[서버운영] 웹 재요청 방지 및 트래픽 감소를 위한 방법 | 마루디자인 | 2015.05.06 |
인기글 [1] | kdp | 2015.05.07 |
게시판의 MP3파일 갯수 표시하기
![]() | kdp | 2015.05.07 |
오늘 작성된 게시글수
[2]
![]() | kdp | 2015.05.07 |
모바일 이미지 제거모드 | kdp | 2015.05.07 |
모바일 이미지축소모드 | kdp | 2015.05.07 |
저같은 초보분들이 궁금해 하실것같아서요
[3]
![]() | 착한동구 | 2015.05.08 |
플렛모바일 네이버로 로그인하기 버튼
![]() | LI-NA | 2015.05.17 |
확장 컴포넌트 밖으로 뺀 후 완전한 버튼화
[1]
![]() | 키스미베이베 | 2015.05.20 |
레이어형 로그인 사용시에 SSL 적용방법 (선택적 사용시) [1] | 불금 | 2015.05.20 |
XE 템플릿 문법 : 조건부 class 작성하기 | AJKJ | 2015.05.23 |
자바로 스크롤 구현 [1] | 착한동구 | 2015.05.25 |