[기타] "필리아살리스"님의 수정된 스크립트 입니다.

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

올려주신 내용은 바탕으로 수정된 소스를 전달 드립니다.
수정 내역은 아래와 같습니다.

1. 경험치 표 삭제
경험치 table을 삭제하고, 샘플 이미지를 삽입했습니다.

2. 세번째 인장의 영역
앞에서 </div>가 인장 내용을 닫아서 발생하는 증상으로 </div> 3개를 지우고 width 값을 조정하였습니다.

3. 메르시 탭
추가하였습니다.

4. 줄넘김
HTML 에서 엔터와 같은 역할을 하는 태그는 <br> 태그 입니다.
<br> 태그를 삽입해서 줄넘김을 추가하였습니다.

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


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

---

<!--색깔배경-->
<div data-inven-tabs style="background-color: #fbeff7;">
<!--움짤배경-->
<div style="background-image: url('https://optimal.inven.co.kr/upload/2017/09/16/bbs/i16267698222.gif');min-height: 580px;">


<!--인장검색기-->
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 6px; margin-left: 6px; color: #ff99ab; border-radius: 6px; border: 1px solid #ff99ab; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-10,last-attack-20,last-attack-all,send-note,search-profile" data-no-tooltip data-inven-result-detail data-inven-nick-default="필리아살리아" data-inven-align ="center">
<span data-inven-attr-for="input" style="float: left; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #000000; padding: 0 2px; height: 17px;"></span>
<span data-inven-attr-for="button" data-inven-over-css="{'_SELF_':{'backgroundColor':'#ffccd4'}}" data-inven-out-css="{'_SELF_':{'backgroundColor':'#ff99ab'}}" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #ff99ab; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto; transition: all 0.1s;"></span>
<span data-inven-attr-for="action-result" data-position="out" data-remain-result style="background-image: url('https://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #ff99ab; border-radius: 6px; border: 1px solid #ff99ab; padding: 4px 6px; font-size: 11px; width: 300px;"></span>
</div>

<div style="padding-top: 1px;">

<!-- 좌단 메뉴 -->
<div style="float: left;">
<div data-inven-tab-for="0" style="background: url('https://optimal.inven.co.kr/upload/2019/01/16/bbs/i15184709027.jpg'); margin: 15px 15px 0px; border-radius: 15px; border: 3px solid white; border-image: none; width: 96px; height: 96px; overflow: hidden; display: inline-block;">
<div style="transition:0.4s; width: 96px; height: 96px; text-align: center; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'#ffccd4','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-toggle="prof">
<div style="padding: 0.8em; font-size: 15px; font-weight: bold;">프로필</div>
</div></div>

<br><br>

<div data-inven-tab-for="1" style="background: url('https://optimal.inven.co.kr/upload/2019/01/16/bbs/i13797736142.jpg'); margin: 15px 15px 0px; border-radius: 15px; border: 3px solid white; border-image: none; width: 96px; height: 96px; overflow: hidden; display: inline-block;">
<div style="transition:0.4s; width: 96px; height: 96px; text-align: center; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'#ffccd4','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-toggle="exp">
<div style="padding: 0.8em; font-size: 15px; font-weight: bold;" >필리아</div>
</div></div>

<br><br>

<div data-inven-tab-for="2" style="background: url('https://optimal.inven.co.kr/upload/2019/01/16/bbs/i13603842547.jpg'); margin: 15px 15px 0px; border-radius: 15px; border: 3px solid white; border-image: none; width: 96px; height: 96px; overflow: hidden; display: inline-block;">
<div style="transition:0.4s; width: 96px; height: 96px; text-align: center; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'#ffccd4','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-toggle="seal">
<div style="padding: 0.8em; font-size: 15px; font-weight: bold;">받은 인장</div>
</div></div>

<br><br>

<div data-inven-tab-for="3" style="background: url('https://optimal.inven.co.kr/upload/2019/01/17/bbs/i14177438211.jpg'); margin: 15px 15px 0px; border-radius: 15px; border: 3px solid white; border-image: none; width: 96px; height: 96px; overflow: hidden; display: inline-block;">
<div style="transition:0.4s; width: 96px; height: 96px; text-align: center; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'#ffccd4','color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-toggle="mers">
<div style="padding: 0.8em; font-size: 15px; font-weight: bold;">메르시</div>
</div></div>

<br>
</div>


<div style="margin-left: 146px; margin-top: 16px; padding-bottom: 12px;">

<div data-inven-tab-id="0" style="min-height: 300px;"><!--메인 메뉴 내용-->
<div style="display: none; width: 160px; background-image: url('https://optimal.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;" data-inven-id="prof">
<div style="border-bottom: 1px solid #fbb2ab; color: #f67fde;padding: 4px 8px; font-weight: bold;">필리아 살리스<br>(Phillia salis)</div>
<div style="padding: 4px 8px;">
<div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">신분 : 여왕</div>
<div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">생일 : ?월 ?일</div>
<div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">키 : ?cm</div>
<div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">몸무게 : ?kg</div>
<div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">나이 : 27세</div>
<div style="padding: 4px 8px; color: #ff99ab; font-weight: bold;">좋아하는 것 : 빙수</div>
</div>
</div>
</div>

<div data-inven-tab-id="1" style="display: none;"><!--메뉴 1 내용-->
<div style="display: inline-block; padding: 6px; background-image: url('https://optimal.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab; width: 270px;text-align:center" data-inven-id="exp">
"필리아" 탭에 들어갈 내용을 넣어 주시면 됩니다. <br><br>
가로폭은 width에 %를 이용해 주시면 이미지의 크기를 손쉽게 맞추실 수 있을 것입니다.<br><br>
<img src="https://optimal.inven.co.kr/upload/2019/01/17/bbs/i13656911877.gif" width="95%">

</div></div>

<div data-inven-tab-id="2" style="display: none;"><!--메뉴 2 내용-->
<div style="display: inline-block; padding: 6px; background-image: url('https://optimal.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab; width: 270px;text-align:center" data-inven-id="seal">
<img src="https://optimal.inven.co.kr/upload/2019/01/17/bbs/i13656911877.gif" width="95%"><br>
<img src="https://optimal.inven.co.kr/upload/2019/01/16/bbs/i14692100090.png" width="95%"><br>
<img src="https://optimal.inven.co.kr/upload/2019/01/17/bbs/i13646396371.png" width="95%"><br>
<img src="https://optimal.inven.co.kr/upload/2019/01/17/bbs/i15327202219.png" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i1225408280.jpg" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i3371586992.jpg" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i3264913882.jpg" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i0441064635.jpg" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i0179276615.gif" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i2852799070.jpg" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i2061870920.png" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i2603388342.jpg" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i2948779802.jpg" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i4114702211.jpg" width="95%"><br>
<img src="https://upload.inven.co.kr/upload/2013/12/29/bbs/i4235063811.gif" width="95%">

</div></div>

<div data-inven-tab-id="3" style="display: none;"><!--메뉴 2 내용-->
<div style="display: inline-block; padding: 6px; background-image: url('https://optimal.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab; width: 270px;text-align:center" data-inven-id="mers">
"메르시" 탭에 들어갈 내용을 넣어 주시면 됩니다. <br><br>
<img src="https://optimal.inven.co.kr/upload/2019/01/16/bbs/i14692100090.png" width="95%"><br>

</div></div>


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