1. /lib/common.lib.php

2. /skin/board/게시판/list.skin.php   <페이징을 적용할 스킨 수정필요>

3. /style.css    <사용중인 스타일시트 수정>

// 현재페이지, 총페이지수, 한페이지에 보여줄 행, URL
function get_paging($write_pages, $cur_page, $total_page, $url, $add="")
{
    $str = "";
    if ($cur_page > 1) {
        $str .= "<a href='" . $url . "1{$add}' class='pre_all'>처음</a>";
        $str .= "<a href='" . $url . ($cur_page-1) . "' class='pre'>이전페이지</a>";
    }
 else
 {
     $str .= "<span class='pre_all'>처음</span>";
     $str .= "<span class='pre'>이전페이지</span>";
 }
    $start_page = ( ( (int)( ($cur_page - 1 ) / $write_pages ) ) * $write_pages ) + 1;
    $end_page = $start_page + $write_pages - 1;
    if ($end_page >= $total_page) $end_page = $total_page;
 
 $pre_count = $start_page-$write_pages;
 if($pre_count <= 0)$pre_count=1;
 $start_paging=$start_page-1;
    if ($start_page > 1) $str .= "<a href='" . $url . ($start_page-1) . "{$add}'>$pre_count  ~ $start_paging</a>";
    if ($total_page > 1) {
        for ($k=$start_page;$k<=$end_page;$k++) {
            if ($cur_page != $k)
                $str .= "<a href='$url$k{$add}'  class='numBox;'>$k</a>";
            else
                $str .= "<strong>$k</strong>";
        }
    }
 $end_paging=$end_page +1;
 $page_count=$end_page+$write_pages;
 if($total_page < $page_count) $page_count=$total_page;

    if ($total_page > $end_page) $str .= "<a href='" . $url . ($end_page+1) . "{$add}'>$end_paging ~ $page_count</a>";
    if ($cur_page < $total_page) {
        $str .= "<a href='$url" . ($cur_page+1) . "' class='next'>다음페이지</a>";
        $str .= "<a href='$url$total_page{$add}' class='next_all'>맨끝</a>";
    }
 else
 {
     $str .= "<span class='next'>다음페이지</span>";
     $str .= "<span class='next_all'>맨끝</span>";
 }
    $str .= "";
    return $str;
}

<!-- 페이지 -->

<div>
    <? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/page_search_prev.gif' border=0 align=absmiddle title='이전검색'></a>"; } ?>
    <?
    // 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
    //echo $write_pages;
    $write_pages = str_replace("처음", "<img src='$board_skin_path/img/page_begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages);
    $write_pages = str_replace("이전", "<img src='$board_skin_path/img/page_prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages);
    $write_pages = str_replace("다음", "<img src='$board_skin_path/img/page_next.gif' border='0' align='absmiddle' title='다음'>", $write_pages);
    $write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/page_end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages);
    $write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "<b>$1</b>", $write_pages);
    $write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<b>$1</b>", $write_pages);
    ?>
    <?=$write_pages?>
    <? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/page_search_next.gif' border=0 align=absmiddle title='다음검색'></a>"; } ?>

</div>

 

.paginate { padding:15px 0; text-align:center;}

.paginate a,

.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:5px 5px 7px 5px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 13px/normal Verdana; _width :17px;}

.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9;}

.paginate .naver_pre { margin-right:9px; padding:7px 6px 7px 16px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important;}

.paginate .naver_next { margin-left:9px; padding:7px 16px 7px 6px; _padding-bottom:3px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 71px 9px !important;}

*:first-child+html .paginate .naver_pre,

*:first-child+html .paginate .naver_next { top:-1px; padding-bottom:3px;}

.paginate a.naver_pre { background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;}

.paginate a.naver_next { background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 71px 9px !important;}

.paginate .naver_pre,

.paginate .naver_next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; _top:-1px; font:12px/normal 굴림, Gulim; _width :84px;  _height :24px;}

.paginate a.naver_pre,

.paginate a.naver_next { color:#565656;}

.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}

.paginate .naver_pre_all { margin-right:6px; padding:7px 6px 7px 6px; _padding-bottom:1px; background:url(http://static.naver.com/common/paginate/bu_pg3_l_off.gif) no-repeat 6px 9px !important; letter-spacing:-1px;}

.paginate .naver_next_all { margin-left:4px; padding:7px 6px 7px 6px; _padding-bottom:1px; background:url(http://static.naver.com/common/paginate/bu_pg3_r_off.gif) no-repeat 36px 9px !important; letter-spacing:-1px;}

.paginate a.naver_pre_all { background:url(http://static.naver.com/common/paginate/bu_pg3_l_on.gif) no-repeat 6px 9px !important;}

.paginate a.naver_next_all { background:url(http://static.naver.com/common/paginate/bu_pg3_r_on.gif) no-repeat 36px 9px !important;}

.paginate .naver_pre_all, .paginate .naver_next_all { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; _top:-2px; font:12px/normal 굴림, Gulim; width :32px;  _height :24px;}

.paginate a.naver_pre_all,

.paginate a.naver_next_all { color:#565656;}

.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9;}