페이징 네이버 스타일 따라하기
1. 소스추가
../lib/common.lib.php 에 아래 함수 추가// 현재페이지, 총페이지수, 한페이지에 보여줄 행, URL
function get_jy_paginate($write_pages, $cur_page, $total_page, $url, $add="") {
$str = "";
if ($cur_page < 2) $str .= "<div class=\"jy_paginate center\"><span class=\"pre\">맨앞</span>";
else if ($cur_page > 1) $str .= "<div class=\"jy_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. css 추가
../style.css 에 아래 함수 추가/* paging 091123 - 네이버 */
.jy_paginate { padding:10px 0; }
.jy_paginate a,
.jy_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; }
.jy_paginate strong { color:#f23219 !important; border:1px solid #e9e9e9; }
.jy_paginate .pre { margin-right:6px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url(http://도메인/img/bg_page_left_off.gif) no-repeat 6px 6px !important; letter-spacing:-1px; }
.jy_paginate .next { margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url(http://도메인/img/bg_page_right_off.gif) no-repeat 38px 6px !important; letter-spacing:-1px; }
.jy_paginate a.pre { background:url(http://도메인/img/bg_page_left_on.gif) no-repeat 6px 6px !important; }
.jy_paginate a.next { background:url(http://도메인/img/bg_page_right_on.gif) no-repeat 38px 6px !important; }
.jy_paginate .pre,
.jy_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; }
.jy_paginate a.pre,
.jy_paginate a.next { color:#565656; }
.jy_paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9; }
/* //paging */
3. 이미지(첨부) 업로드
../img 폴더에 업로드4. 기존 페이징 함수를 교체
get_paging() -> get_jy_paginate()댓글 16개
끙디자이너
15년 전
후덜 아주 이쁘네요
15년 전
안녕하세요 ^^
저는 JY님 네이버 페이징으로 도배 되었다는 ㅋ
추천 하고 갑니다 ~
저는 JY님 네이버 페이징으로 도배 되었다는 ㅋ
추천 하고 갑니다 ~
15년 전
좋은정보감사합니다. ^^
15년 전
아주좋네요^ㅡ^
get_jy_paginate 함수 자체를.......
get_jy_paginate() 부분을...
get_paging() 이렇게 사용하심 오류나시는분들 잘될꺼에요^ㅡ^
추후에 적용시킬 페이지의 pages css 잡아주심 더 좋구요^ㅡ^
get_jy_paginate 함수 자체를.......
get_jy_paginate() 부분을...
get_paging() 이렇게 사용하심 오류나시는분들 잘될꺼에요^ㅡ^
추후에 적용시킬 페이지의 pages css 잡아주심 더 좋구요^ㅡ^
15년 전
정보 감사합니다.
15년 전
기존 페이징 함수를 교체 하라고 하시는데 어느 부분을 말씀하시는지요 문외한이 따라할려다 보니 거기서 막히네요 ㅠㅠ
15년 전
function get_paging 변경-
function get_paging($write_pages, $cur_page, $total_page, $url, $add="") {
$str = "";
if ($cur_page < 2) $str .= "<div class=\"jy_paginate center\"><span class=\"pre\">맨앞</span>";
else if ($cur_page > 1) $str .= "<div class=\"jy_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;
}
/* paging 091123 - 네이버 */
.jy_paginate { padding:10px 0; }
.jy_paginate a,
.jy_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; }
.jy_paginate strong { color:#f23219 !important; border:1px solid #e9e9e9; }
.jy_paginate .pre { margin-right:6px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url(http://도메인/img/bg_page_left_off.gif) no-repeat 6px 6px !important; letter-spacing:-1px; }
.jy_paginate .next { margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url(http://도메인/img/bg_page_right_off.gif) no-repeat 38px 6px !important; letter-spacing:-1px; }
.jy_paginate a.pre { background:url(http://도메인/img/bg_page_left_on.gif) no-repeat 6px 6px !important; }
.jy_paginate a.next { background:url(http://도메인/img/bg_page_right_on.gif) no-repeat 38px 6px !important; }
.jy_paginate .pre,
.jy_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; }
.jy_paginate a.pre,
.jy_paginate a.next { color:#565656; }
.jy_paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9; }
/* //paging */
이렇게 적용하세요^ㅡ^
function get_paging($write_pages, $cur_page, $total_page, $url, $add="") {
$str = "";
if ($cur_page < 2) $str .= "<div class=\"jy_paginate center\"><span class=\"pre\">맨앞</span>";
else if ($cur_page > 1) $str .= "<div class=\"jy_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;
}
/* paging 091123 - 네이버 */
.jy_paginate { padding:10px 0; }
.jy_paginate a,
.jy_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; }
.jy_paginate strong { color:#f23219 !important; border:1px solid #e9e9e9; }
.jy_paginate .pre { margin-right:6px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url(http://도메인/img/bg_page_left_off.gif) no-repeat 6px 6px !important; letter-spacing:-1px; }
.jy_paginate .next { margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url(http://도메인/img/bg_page_right_off.gif) no-repeat 38px 6px !important; letter-spacing:-1px; }
.jy_paginate a.pre { background:url(http://도메인/img/bg_page_left_on.gif) no-repeat 6px 6px !important; }
.jy_paginate a.next { background:url(http://도메인/img/bg_page_right_on.gif) no-repeat 38px 6px !important; }
.jy_paginate .pre,
.jy_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; }
.jy_paginate a.pre,
.jy_paginate a.next { color:#565656; }
.jy_paginate a:hover { background-color:#f7f7f7 !important; border:1px solid #e9e9e9; }
/* //paging */
이렇게 적용하세요^ㅡ^
15년 전
lib 파일이랑 css 파일을 수정하고 그다음에 어떻게 하는지를 모르겠네요
지드님 말씀대로 그냥 두 파일만 수정하면 되는건지요?
지드님 말씀대로 그냥 두 파일만 수정하면 되는건지요?
스님꼬신수녀
15년 전
저도 달구행님 처럼 막히네요~
4. 기존 페이징 함수를 교체
get_paging() -> get_jy_paginate()
이게 먼지 모르겟네요 ㅠㅠ
4. 기존 페이징 함수를 교체
get_paging() -> get_jy_paginate()
이게 먼지 모르겟네요 ㅠㅠ
해피투게더
15년 전
페이징
14년 전
4번은 bbs/list.php 에서 약 133 언저리에서 get_paging() -> get_jy_paginate() 변경하면 됩니다.
사랑과우정
14년 전
유용한 팁이네요 ^^
14년 전
페이징 네이버 스타일 따라하기
14년 전
감사합니다.
13년 전
페이징
12년 전
완전 이쁘네요 내일 적용 해봐야 겠습니다.
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3269 |
|
10년 전 | 6656 | |
| 3268 | 10년 전 | 7177 | ||
| 3267 |
또치하우스
|
11년 전 | 4997 | |
| 3266 |
네이비칼라
|
11년 전 | 5030 | |
| 3265 | 11년 전 | 5149 | ||
| 3264 | 11년 전 | 7038 | ||
| 3263 |
|
11년 전 | 7202 | |
| 3262 |
|
11년 전 | 6641 | |
| 3261 | 11년 전 | 5551 | ||
| 3260 | 11년 전 | 7404 | ||
| 3259 | 11년 전 | 6703 | ||
| 3258 | 11년 전 | 5510 | ||
| 3257 | 11년 전 | 10475 | ||
| 3256 | 11년 전 | 3820 | ||
| 3255 |
언제나해피
|
11년 전 | 7398 | |
| 3254 | 11년 전 | 4980 | ||
| 3253 | 11년 전 | 13089 | ||
| 3252 | 11년 전 | 4747 | ||
| 3251 |
노피노키오
|
11년 전 | 6822 | |
| 3250 |
|
11년 전 | 5810 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기