그누보드 홈페이지에 있는 페이징은 css 로 처리한거라 그냥 소스보기 하셔서

분석하셔서 css 만 옮기면 그대로 나올겁니다.

css 대한 이해도가 있어야 할수 있겠죠

그누보드 페이징부분 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 제가 짜고도 눈이 빙글빙글 돌아가네요. ㅎㅎㅎ
다시 보니 고쳐야 되는 부분이 몇개 있는데 귀찮아서 패스... ㅠ