유보드 설치하시면 ub_img 폴더안에 book_bg 라는 폴더가 있습니다.
소스 어딜 찾아봐도 저 이미지들 사용하는데가 없는듯 하네요.
이미지 그대로 테이블 구현하기엔 센터의 스프링노트 이미지가 테이블 형식에는 안맞는거 같더군요.
아마 테크노트님이 div 로 뭘 구현 하시다가 말은거 같기도 하고..^^
암튼 이미지를 테이블 형식에 맞게 수정했습니다.
혹시 모르니 덮어 쓰지 마시고
book_bg2 라는 폴더를 만들어 올리시고 css 를 수정하셔서 사용하시면 됩니다.


ub_css/uboard.css  에 보시면
/* ### 확장 : book style bg ################################   이라는걸 찾으셔서
그 하단에 아래처럼 된것들 일단 주석처리 하시고 아래를 복사하시면 됩니다.

.ub_book_Lt{width:100%; height:100%; }
.ub_book_L1{width:17px; height:16px; background:url('../ub_img/book_bg2/left1.gif') no-repeat top center;}
.ub_book_L2{height:16px; background:url('../ub_img/book_bg2/left2.gif');}
.ub_book_L3{width:17px;  background:url('../ub_img/book_bg2/left3.gif');}
.ub_book_L4{width:17px; height:16px; background:url('../ub_img/book_bg2/left4.gif') no-repeat top center;}
.ub_book_L5{height:16px; background:url('../ub_img/book_bg2/left5.gif');}
.ub_book_Ct{width:100%; height:100%; cursor:col-resize;}
.ub_book_C1{width:28px; height:16px; background:url('../ub_img/book_bg2/center1.gif') no-repeat top center;}
.ub_book_C2{width:28px;  ; background:url('../ub_img/book_bg2/center2.gif');}
.ub_book_C3{width:28px; height:16px; background:url('../ub_img/book_bg2/center3.gif') no-repeat bottom center;}
.ub_book_Rt{width:100%; height:100%;}
.ub_book_R1{height:16px; background:url('../ub_img/book_bg2/right1.gif');}
.ub_book_R2{width:17px; height:16px; background:url('../ub_img/book_bg2/right2.gif') no-repeat top center;}
.ub_book_R3{width:17px;  background:url('../ub_img/book_bg2/right3.gif');}
.ub_book_R4{height:16px; background:url('../ub_img/book_bg2/right4.gif');}
.ub_book_R5{width:17px; height:16px; background:url('../ub_img/book_bg2/right5.gif') no-repeat top center;}


위의 셀렉터로 교체하신후에..
사용법은 아래의 댓글과 같이 하시면 됩니다.