그누보드 공식 홈페이지 페이징
※ 로그인 하시면 원본파일을 볼 수 있습니다. ※
common.lib.php(그누보드면 상관없음)
// 현재페이지, 총페이지수, 한페이지에 보여줄 행, URLfunction get_paging($write_pages, $cur_page, $total_page, $url, $add=""){$str = "";if ($cur_page > 1) {$str .= "<a href='" . $url . "1{$add}'>처음</a>";//$str .= "[<a href='" . $url . ($cur_page-1) . "'>이전</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}'>이전</a>";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 .= " <b>$k</b> ";}}if ($total_page > $end_page) $str .= " <a href='" . $url . ($end_page+1) . "{$add}'>다음</a>";if ($cur_page < $total_page) {//$str .= "[<a href='$url" . ($cur_page+1) . "'>다음</a>]";$str .= " <a href='$url$total_page{$add}'>맨끝</a>";}$str .= "";return $str;}
css
///////////////////////////////////////////// 페이징#pg {clear:both;margin:10px 0 0;text-align:center}///////////////////////// 페이징01#pg #pg_wrap01 {display:inline-block;margin:0 0 20px;padding:0;height:30px;border:1px solid #ddd;background:url('../img/theme/default/default.png') 0 -610px}#pg #pg_wrap01 a {display:inline-block;vertical-align:top}#pg #pg_wrap01 span.pg_num,#pg #pg_wrap01 strong.pg_curpage {display:inline-block;padding:0 10px;height:30px;font-size:0.95em;line-height:2.8em !important;line-height:2.5em;cursor:pointer}#pg #pg_wrap01 a:hover span.pg_num,#pg #pg_wrap01 a:hover span.pg_curpage {color:#fff;background:#777}#pg #pg_wrap01 strong.pg_curpage {background:url('../img/theme/default/default.png') #555 0 -710px;color:#fff}#pg #pg_wrap01 .st_pg_img {display:inline-block;position:relative;padding:0;width:20px;height:30px;background:url('../img/theme/default/default.png');overflow:hidden;cursor:pointer}#pg #pg_wrap01 .st_pg_start {border-right:1px solid #ddd;background-position:-190px -480px}#pg #pg_wrap01 .st_pg_prev {border-right:1px solid #ddd;background-position:-220px -480px}#pg #pg_wrap01 .st_pg_next {border-left:1px solid #ddd;background-position:-250px -480px}#pg #pg_wrap01 .st_pg_end {border-left:1px solid #ddd;background-position:-280px -480px}
첨부된 이미지 주소만 css에서 맞춰주면됩니다.
※ 로그인 하시면 원본파일을 볼 수 있습니다. ※
코멘트 0