웹프로그래밍

Global It Leader!!


그누보드


 
 

네이버 스타일 페이징 만들기

페이지 정보

작성자 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 4,028회 작성일 13-03-26 15:33

본문

1. common.lib.php 내에 get_paging() 아래 함수로 변경
// 현재페이지, 총페이지수, 한페이지에 보여줄 행, URL
function get_paging($write_pages, $cur_page, $total_page, $url, $add="") {
        $str = "";
        if ($cur_page < 2) $str .= "<div class=\"paginate center\"><span class=\"pre\">맨앞</span>";
        else if ($cur_page > 1) $str .= "<div class=\"paginate center\"><a href='".$url.($start_page)."' class=\"pre\">맨앞</a>";
        $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;
        if ($start_page > 1) $str .= "<a href='".$url.($start_page-1)."{$add}' class=\"pre\">이전</a>";
        else if ($start_page = 1) $str .= "<span class=\"pre\">이전</span>";
        if ($total_page > 1)
        {
                for ($k=$start_page;$k<=$end_page;$k++)
                {
                        if ($cur_page != $k)
                        $str .= "<a href='$url$k{$add}'><span>$k</span></a>";
                        else
                        $str .= "<strong>$k</strong> ";
                }
        }
        if ($total_page > $end_page) $str .= "<a href='".$url.($end_page+1)."{$add}' class=\"next\">다음</a>";
        else $str .= "<span class=\"next\">다음</span>";
        if ($cur_page < $total_page) $str .= "<a href='$url".($total_page)."' class=\"next\">맨뒤</a></div>";
        else $str .= "<span class=\"next\">맨뒤</span></div>";
        $str .= "";
        return $str;
}
2. style.css 파일 열어 아래 스타일 추가
/* 페이징 스타일 */
.paginate { padding:10px 0; }
.paginate a,
.paginate strong { position:relative; display:inline-block; margin-right:1px; padding:2px 4px 3px 4px; color:#000; text-decoration:none; border:1px solid #ffffff; font:bold 11px/normal Verdana; _width :17px; }
.paginate strong { color:#f23219 !important; border:1px solid #e9e9e9; }
.paginate .pre { margin-right:6px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url(/img/page/bg_page_left_off.gif) no-repeat 6px 6px !important; letter-spacing:-1px; }
.paginate .next { margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url(/img/page/bg_page_right_off.gif) no-repeat 38px 6px !important; letter-spacing:-1px; }
.paginate a.pre { background:url(/img/page/bg_page_left_on.gif) no-repeat 6px 6px !important; }
.paginate a.next { background:url(/img/page/bg_page_right_on.gif) no-repeat 38px 6px !important; }
.paginate .pre,
.paginate .next { display:inline-block; color:#ccc; border:1px solid #e9e9e9; position:relative; top:0; _top:-2px; font:11px/normal 돋움, Dotum; width:30px; _width :50px; }
.paginate a.pre,
.paginate a.next { color:#565656; }
.paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9; }

3. 첨부파일 이미지 css 이미지 경로에 복사
 
만약 이미지가 이상하게 나오면 list.skin.php 파일을 열어 아래 처럼 수정
 
    <div class="board_page">
        <?=$write_pages?>
    </div>

첨부파일

  • page.zip (5.3K) 69회 다운로드 | DATE : 2013-03-26 15:33:31

댓글목록

등록된 댓글이 없습니다.

전체 59
게시물 검색
그누보드 목록
번호 제목 글쓴이 조회 날짜
19 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4333 01-30
18 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3751 08-20
17 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4083 06-24
16 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4227 03-27
열람중 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4029 03-26
14 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4123 03-20
13 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3663 03-13
12 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 4107 02-25
11 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3794 02-21
10 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3994 01-31
9 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3947 11-29
8 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 3980 11-15
7 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 16790 03-15
6 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11870 05-11
5 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7317 09-29
4 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 9237 05-04
3 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 15935 04-28
2 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 7756 04-28
1 no_profile 오원장 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11086 04-28