[문의] '샛별'님이 문의하신 스크립트 입니다.

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

'샛별'님이 올려주신 소스에서 일부 수정과 주석을 더하여 전달해 드립니다.

주석은 <!-- 내용 --> 의 형태로 넣을 수 있으며, 페이지에는 표시되지 않지만,
메모의 기능으로 사용할 수 있습니다.

수정한 내용은 아래와 같습니다.
- 중간에 닫혀 있던 </div> 상자를 제거
- 탭 1번 (스샷)에 해당하는 탭 본문이 없어, 추가
- 각 영역별로 구분되도록 주석 처리


혹시 인장을 만드시는 중에 궁금하신 내용이 있다면 언제든지 글 남겨주세요.

감사합니다.


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

---

<!-- 배경 이미지-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/05/25/bbs/i12428633800.png") no-repeat 0px bottom / 100%; min-height: 400px;'>

<!-- 마격 기능 시작-->
<div style='padding: 0px; border-radius: 6px; border: 1px solid rgb(253, 225, 15); border-image: none; overflow: hidden; font-size: 11px; margin-top: 16px; margin-left: 6px; display: inline-block; -ms-zoom: 1; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail data-inven-nick-default="샛별">
<span style="padding: 0px 4px; border: 0px currentColor; border-image: none; width: 130px; height: 21px; color: rgb(253, 225, 15); line-height: 21px; font-size: 11px; float: left;" data-inven-attr-for="input"></span>
<span style="margin: 0px 0px 0px 1px; padding: 6px 4px 4px; border: 0px currentColor; border-image: none; height: auto; color: white; line-height: 100%; font-size: 11px; float: left; background-color: rgb(253, 225, 15);" data-inven-attr-for="button"></span>
<span style='padding: 4px 6px; border-radius: 6px; border: 1px solid rgb(253, 225, 15); border-image: none; width: 300px; color: rgb(253, 225, 15); font-size: 11px; margin-top: 2px; margin-left: 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-attr-for="action-result" data-position="out"></span>
</div><!-- 마격 기능 종료-->

<!-- 아래에 <br>을 입력해서, 탭의 위치를 한줄씩 아래로 보낼 수 있습니다.-->

<div style="padding-top: 16px;" data-inven-tabs>

<!-- 탭 버튼 영역-->
<div style="float: left;">
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(253, 225, 15);" data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">★</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(253, 225, 15);" data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">스샷</div>
</div><!-- 탭 버튼 영역 종료-->


<div style="padding-bottom: 12px; margin-top: 6px; margin-left: 30px;min-height: 300px;">

<!-- 탭 내용 영역-->
<div data-inven-tab-id="0"><!-- 메인 탭-->
<div style='border-radius: 6px; border: 1px solid rgb(253, 225, 15); border-image: none; width: 204px; display: block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>
<div style="padding: 4px 8px; color: rgb(253, 225, 15); font-weight: bold; border-bottom-color: rgb(253, 225, 15); border-bottom-width: 1px; border-bottom-style: solid;">메콩짤 Click</div>
<div style="padding: 4px 8px;">~~~상자 내용~~~</div>
</div></div>

<div data-inven-tab-id="1"><!-- 스샷 탭 -->
스크린샷이 들어갑니다.
</div>

<!-- 탭 내용 영역 종료-->
</div></div></div><!-- 모든 내용 종료-->