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

문의하신 소스를 전달해 드립니다.
- 첫번째 탭의 경우는, 이미지를 배경으로 넣었었습니다. 다만 이미지의 사이즈가 커, 배경을 로딩하는데 오래 걸릴 수 있습니다.

이외에도 궁금하신 내용이 있으시면 언제든지 글 남겨주세요.

감사합니다.


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

<div style="background: url('~~전체 배경~~')/100%; font-size: 11px;">
<div style="background: url('~~캐릭터배경~~') no-repeat right bottom; min-height: 400px;">

<!-- 상단 가입일 표시-->
<div style="background-image: url('http://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;">
<div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2016-04-28%2023:14:55&c=fbb2ab#.png'); height: 20px;"></div>
</div>

<!-- 마무리 일격 -->

<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('http://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-10,last-attack-20,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail data-inven-nick-default="꼬마토레스">
<span data-inven-attr-for="input" style="float: left; width: 80px; font-size: 11px; color: #fbb2ab; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span>
<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 5px 4px 6px 6px; background-color: #fbb2ab; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span>
<span data-inven-attr-for="action-result" data-position="out" style="background-image: url('http://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; padding: 4px 6px; font-size: 11px; width: 300px;"></span>
</div>
<!-- 마무리 종료 -->


<!-- 본문 영역-->
<div data-inven-tabs style="padding-top: 16px;">
<div style="float: left;">
<!-- 버튼 -->
<div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'7px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 4px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;">☆</div>
<div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 4px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;font-size:13px">사나</div>
<div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 4px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;font-size:13px">리버풀</div>
<!--새 버튼 추가하는 곳-->
</div>

<!-- 첫번째 탭 내용 -->
<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;min-height: 300px;">

<div data-inven-tab-id="0" style="min-height: 300px;background-image: url(http://upload2.inven.co.kr/upload/2016/06/03/bbs/i12694979913.jpg) 0% 0%/100%;"><!--메인 메뉴 내용-->
<div style="display: block; width: 204px; background-image: url('http://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;">
<div style="border-bottom: 1px solid #fbb2ab; color: #fbb2ab;padding: 4px 8px; font-weight: bold;">
사나 프로필</div>
<div style="padding: 4px 8px;">
본명 : Minatozaki Sana<br><br>
출생 : 1996.12.29<br><br>
혈액형 : B형<br><br>
키 : 165cm<br><br>
체중 : 47kg<br><br>
소속그룹 : TWICE<br><br>
포지션 : SubVocal
</div>
</div>
</div>


<div data-inven-tab-id="1" style="display: none;"><!--'인장' 탭 내용-->
<div style="display: inline-block; padding: 4px 8px; background-image: url('http://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;">
내용을 넣어주시면 됩니다.<br>
이하, 샘플 이미지<br>
<img src="http://upload2.inven.co.kr/upload/2016/06/03/bbs/i13147881796.jpg" width="100%">
</div></div>


<div data-inven-tab-id="2" style="display:none;"><!--'리버플' 탭 내용-->
<div style="background-image: url('http://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab; padding: 4px 8px;">
내용을 넣어주시면 됩니다.<br>
이하, 샘플 이미지<br>
<img src="http://upload2.inven.co.kr/upload/2016/06/03/bbs/i13413143752.jpg" width="100%">
</div></div>

</div>
</div>
<!--새 내용 추가하는 곳-->
</div>
</div>
</div>
</div>