[기타] '토끼공듀'님이 문의하신 소스 입니다.

인벤 스크립트에 관심을 가져주셔서 감사합니다.

문의하신 소스를 전달 드립니다. 수정한 내용은 아래의 3건입니다.

- div 박스 스타일 속의 display:inline-black; 삭제
- img 스타일 속에 width="100%" 추가
- 상자의 중앙 위치를 위해서, tab_1 div 상자에 좌우여백 6px (style="margin:0px 6px;")을 추가

원하시던 형태와 다르거나, 이외에도 궁금하신 점은 언제든지 글 남겨주세요.
감사합니다.



■ HTML을 누른 상태에서 붙여넣어 주세요.

---

<div style="padding:0px; margin:0px 0px; background-color: #FFFFFF; border-radius: 0px; border: 1px solid #FBB2AB; text-align: center;">
<div data-inven-tabs="">
<div style="margin-left: 0px; margin-top: 6px; padding-bottom: 12px;"><div style="display: block;margin-left : 0px; width: 430px; background-color: #FFFFFF;"><div style="text-align: center;"><div style="padding: 4px 8px;"><br><div align="center"><span data-inven-tab-for="tab_1"></span><div style="text-align: center; display: inline-block; color: white; padding: 3px 4px; background-color: #9b5757; border-radius: 9px 0px 0px 9px; width: 50px;" data-inven-tab-for="tab_1" data-inven-="" id="tb1_s" data-inven-hide="lev" data-="" inven-selected-css="{'tab_1':{'display':'none'},'tab_1':{'display':'inline-block'}}" data-inven-unselected-css="{'tab_1':{'display':'inline-block'},'tb1_h':{'display':'none'}}">메인화면</div>
</div>
</div>
</div>
</div>
<div data-inven-tab-id="tab_1" style="margin:0px 6px;">
<div style="text-align: center;">
<div style="background-color: #FFFFFF; padding-right:2px;">
<div style="text-align: center;">
<div style="background-color: #FFFFFF; min-height: 316px;position:relative">
<div style="align: center;">
<br>


<div data-inven-id="main" style="display:block;">
<table cellpadding="0">
<tbody>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t1':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16628644606.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t2':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15369279428.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t3':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15330244078.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t4':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i13369157804.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t5':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16194273424.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t6':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16112522879.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t7':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16156807566.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t8':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16172640920.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-over-css="{'main':{'display':'none'},'t9':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15496639787.gif">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t1" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t1':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16674732730.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15369279428.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15330244078.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i13369157804.png">
</div>
</td>
<td colspan="2" rowspan="2">
<div style="width:292px; height:292px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16073360962.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16156807566.png">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t2" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16628644606.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t2':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15370282572.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15330244078.png">
</div>
</td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<div style="width:439px; height:292px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15376806241.png">
</div>
</td>
</tr>
<tr>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t3" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16628644606.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15369279428.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t3':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15363351722.png">
</div>
</td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<div style="width:292px; height:292px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15304495711.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16112522879.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15496639787.gif">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t4" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16628644606.png">
</div>
</td>
<td colspan="2" rowspan="3">
<div style="width:292px; height:439px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i13304525471.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t4':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i13308979692.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16156807566.png">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t5" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td colspan="2">
<div style="width:292px; height:145px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16103322003.png">
</div>
</td>
<td rowspan="2">
<div style="width:145px; height:292px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16144401821.png">
</div>
</td>
</tr>
<tr>
<td rowspan="2">
<div style="width:145px; height:292px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16193125657.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t5':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16125780530.png">
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div style="width:292px; height:145px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16121373927.png">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t6" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td colspan="2" rowspan="3">
<div style="width:292px; height:439px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16151254382.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15330244078.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t6':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16113667213.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15496639787.gif">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t7" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16628644606.png">
</div>
</td>
<td colspan="2" rowspan="2">
<div style="width:292px; height:292px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16101393087.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i13369157804.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t7':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16124307638.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16172640920.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15496639787.gif">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t8" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td colspan="3" rowspan="2">
<div style="width:439px; height:292px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16138728640.png">
</div>
</td>
</tr>
<tr>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16156807566.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t8':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16124568953.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15496639787.gif">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div data-inven-id="t9" style="display:none;" data-inven-out-css="{'_SELF_':{'display':'none'},'main':{'display':'block'}}">
<table cellpadding="0">
<tbody>
<tr>
<td colspan="2" rowspan="2">
<div style="width:292px; height:292px; padding:0px; margin:0px; background-color:#999;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15416466659.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15330244078.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16112522879.png">
</div>
</td>
</tr>
<tr>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16156807566.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i16172640920.png">
</div>
</td>
<td>
<div style="width:145px; height:145px; padding:0px; margin:0px;" data-inven-out-css="{'t9':{'display':'none'},'main':{'display':'block'}}">
<img width="100%" src="https://upload2.inven.co.kr/upload/2017/07/06/bbs/i15490492036.png">
</div>
</td>
</tr>
</tbody>
</table>
</div>


</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>