Zbxe의 팁공유게시판에 올라와 있는 이전글/다음글 구현하는 방법을 제가 정리해서 올립니다.
이 파일은 1.0.3 버전 기준입니다. 다른 버전에서는 정상 작동을 보장하지 못하니 원본 글을 참조하여 직접 만드시기 바랍니다.
[전체 설치하기]
modules.zip 의 압축을 풀어서 ./modules/폴더에 업로드하시면 됩니다.
[개별 설치하기]
document.model.php 를 받아서 zbxe/modules/document 에 덮어 씌우세요.
getNextDivision.xml , getPrevDivision.xml 2개의 파일을 받아서 zbxe/modules/document/queries 에 업로드합니다.
getNextDivision.xml , getPrevDivision.xml 2개의 파일을 받아서 zbxe/modules/document/queries 에 업로드합니다.
[수정하기]
1. 버튼식으로 만들기(이 홈페이지에 적용된 모습)
zbxe/modules/board/skins/스킨이름/view_document.html 파일에서 아래 붉은색부분을 추가합니다.
zbxe/modules/board/skins/스킨이름/view_document.html 파일에서 아래 붉은색부분을 추가합니다.
<!-- 목록, 수정/삭제 버튼 -->
<div class="contentButton1">
{@$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}" class="button"><span>{$lang->cmd_next}</span></a><!--@end-->
<!--@if($prevdocu->document_srl == "")--><!--@else--><a href="{$prevdocu->document_srl}"class="button"><span>{$lang->cmd_prev}</span></a>
<!--@end-->
</div>
<div class="contentButton">
<!--@if($module_info->default_style != 'blog')-->
<a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</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 파일에서 아래 붉은색부분을 추가합니다.
적용된 이미지
<div class="contentButton1">
{@$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}" class="button"><span>{$lang->cmd_next}</span></a><!--@end-->
<!--@if($prevdocu->document_srl == "")--><!--@else--><a href="{$prevdocu->document_srl}"class="button"><span>{$lang->cmd_prev}</span></a>
<!--@end-->
</div>
<div class="contentButton">
<!--@if($module_info->default_style != 'blog')-->
<a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</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 파일에서 아래 붉은색부분을 추가합니다.
.boardRead .contentButton1 { float:left; margin:10px 0 5px 0; border-top:1px solid #DDDDDD; padding-top:10px;}
.boardRead .contentButton { text-align:right; margin:10px 0 5px 0; border-top:1px solid #DDDDDD; padding-top:10px;}
이렇게 하면 다음/이전 버턴은 왼쪽에 정렬하고 기본 버턴들은 오른쪽 정렬합니다..boardRead .contentButton { text-align:right; margin:10px 0 5px 0; border-top:1px solid #DDDDDD; padding-top:10px;}
적용된 이미지
2. 목록식으로 만들기
zbxe/modules/board/skins/스킨이름/view_document.html 파일에서 아래 붉은색부분을 추가합니다.
zbxe/modules/board/skins/스킨이름/view_document.html 파일에서 아래 붉은색부분을 추가합니다.
<!-- 목록, 수정/삭제 버튼 -->
<div class="contentButton">
{@$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($module_info->default_style != 'blog')-->
<a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</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>
적용된 이미지<div class="contentButton">
{@$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($module_info->default_style != 'blog')-->
<a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</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>
IE6에서 윗부분선이 제목 중간에 가로질려 나오네요