추천:0
조회:5953
ub_img 폴더의 book_bg 수정이미지 [5]
- 첨부#1
- 1223.jpg (51KB) (Down:21)
- 첨부#2
- book_bg2.zip (4KB) (Down:25)
유보드 설치하시면 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;}
위의 셀렉터로 교체하신후에..
사용법은 아래의 댓글과 같이 하시면 됩니다.
Tellme
반갑습니다.
반갑습니다.
댓글 5개
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr >
<td class="ub_book_L1"> </td>
<td class="ub_book_L2"> </td>
<td class="ub_book_C1"> </td>
<td class="ub_book_R1"> </td>
<td class="ub_book_R2"> </td>
</tr>
<tr>
<td class="ub_book_L3"> </td>
<td valign=top>
좌측에 들어갈 내용.
</td>
<td class="ub_book_C2"> </td>
<td valign=top>
우측에 들어갈 내용.
</td>
<td class="ub_book_R3"> </td>
</tr>
<tr height=16>
<td class="ub_book_L4"> </td>
<td class="ub_book_L5"> </td>
<td class="ub_book_C3"> </td>
<td class="ub_book_R4"> </td>
<td class="ub_book_R5"> </td>
</tr>
</table> 10.01.16 14:36
<tr >
<td class="ub_book_L1"> </td>
<td class="ub_book_L2"> </td>
<td class="ub_book_C1"> </td>
<td class="ub_book_R1"> </td>
<td class="ub_book_R2"> </td>
</tr>
<tr>
<td class="ub_book_L3"> </td>
<td valign=top>
좌측에 들어갈 내용.
</td>
<td class="ub_book_C2"> </td>
<td valign=top>
우측에 들어갈 내용.
</td>
<td class="ub_book_R3"> </td>
</tr>
<tr height=16>
<td class="ub_book_L4"> </td>
<td class="ub_book_L5"> </td>
<td class="ub_book_C3"> </td>
<td class="ub_book_R4"> </td>
<td class="ub_book_R5"> </td>
</tr>
</table> 10.01.16 14:36
이상....오늘도 여전히 초울트라 간단팁...있는거 잘 사용하자 ~~ ! 였습니다. ㅋ 10.01.16 14:56
좋은팁 감사 드립니다.... 10.01.16 18:02
좋은 정보 감사합니다..^^ 10.01.17 13:58
와~ 연습장이다!! ^^ 10.01.18 18:12