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

요청하신 내용 중

'큐브형'으로 접히게 구현해 달라고 하셨는데,
'큐브형'이 어떤 형태인지 이해하지 못하여, 일단 접고 펼쳐지도록만 구현했습니다.

이 부분은 기능에 대해 추가로 설명해 주시면 말씀해 주신 방향으로 구현해 드리도록 하겠습니다.

그리고 요청하신대로 마무리 일격 기능은 상단을 지우고 하단만 남겨드리고, 나머지 코드들은 인벤 스크립트로 대체 및 정리하였습니다.

기능 구현이 원하시던 방향과 다르거나, 이외에도 궁금하신 내용이 있으시면 언제든지 글 남겨주세요.

감사합니다.

+ 수정 : 인장 펼치기를 블록형으로 수정.


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

<br />
<!-- 접는 이미지 주소-->
<div style="width:295px; height:146px;border-radius:15px;overflow:hidden;margin:0px 3px 3px 0px;background:url(http://upload2.inven.co.kr/upload/2015/04/10/bbs/i13607785443.jpg);background-size:100%">
<div data-inven-toggle="limuzz_in" style="width:295px; height:146px;transition:0.4s;display:table-cell;color:rgba(255,255,255,0);vertical-align:bottom;"
data-inven-over-css="{'_SELF_':{'background-color':'blue','color':'rgba(255,255,255,1)'}}"
data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}">
<div style="padding:0.8em;text-align:right;">
인장 보기 →
</div></div></div>
<div style="clear:both;"></div>

<br /><br /><br />

<div style="width: 100%; display: none;" data-inven-id="limuzz_in">
<!-- 접히는 구간 시작 -->
<img src="http://fnt.inven.co.kr/di/2014/12/11/bbs/i0091245476.jpg" width="438"><br /><br />
<img src="http://fnt.inven.co.kr/di/2014/12/19/bbs/i0836395488.gif" width="438"><br /><br />

<div style="float: none; margin: 0px; padding: 0px; border: 0px; height: auto; line-height: 17px; font-family: gulim, 굴림, Helvetica;">
.....................................＿＿＿＿＿＿....................<br />
............................,.-'''.....................''~.,...............<br />
......................,.-''.................................''-.,...........<br />
...................,∫.............................................";,.......<br />
.................,?................................................'ι.......<br />
................∫..................................................,}.......<br />
...............∫.............................................,;'ª'..).......<br />
..............∫...........................................,;"......∫........<br />
..............?......＿.................................;'.........∫.......<br />
.............∫..＿,(...."~,_........................,:'........∫.........<br />
............∫.(_...."~,_......"~,_.............,;'........_∫............<br />
...........{..._＄;_......"=,_......."·,_....,.··~,),.~"'∫..).........<br />
............((.....*~_......''=·._....";,,,∫'....∫"..........∫..........<br />
＿,,,＿＿.ι'~,......''~.,......................)..........∫...........<br />
............(....'=-,,.......·.....................(....;_,,·"............<br />
............/.'~,....'·.............................ι...∫ι................<br />
.............ι'~.*·,.................................I,∫...ι＿...........<br />
,,_..........}.³·._ι..............,...................I..........｀=~,..<br />
........'=~,_ι_......'ι..............................ι....................<br />
..................'=~,...ι.............................ι...................<br />
.............................';,,.......................'ι.............＿...<br />
...............................'=·,..............,%'''';...³--==''.......<br />
................................__ι......._.-%...,,,..'ι...................<br />
.............................,³'.._I_,·&amp;''..............'ι..................<br />
</div>
<img src="http://upload2.inven.co.kr/upload/2015/07/09/bbs/i12927236939.jpg" width="438">
</div>
<!-- 여기까지 접히는 구간 -->

<br />
<p style="padding: 0px; font-family: gulim, 굴림; line-height: 17px;">정든 세나리우스를 떠나 하이잘에 정착.</p><br />
<p style="padding: 0px; font-family: gulim, 굴림; line-height: 17px;">이르카에-하이잘 얼라이언스 (前 세나얼라 아르카에)</p>
<p style="padding: 0px; font-family: gulim, 굴림; line-height: 17px;">기사아쿤-하이잘 얼라이언스 (前 세나얼라 이블러)</p>
<p style="padding: 0px; font-family: gulim, 굴림; line-height: 17px;">마법사아쿤-하이잘 얼라이언스</p>
<p style="padding: 0px; font-family: gulim, 굴림; line-height: 17px;">사제아쿤-하이잘 호드</p>
<p style="padding: 0px; font-family: gulim, 굴림; line-height: 17px;">기타 데스윙 듀로탄 2개씩.</p><br />

<!-- 마무리 일격 기능-->
<div data-inven-action="last-attack-1,last-attack-5,last-attack-10,last-attack-20,last-attack-all,search-profile"
data-inven-label="마격/인장검색" data-inven-nick-default="닉네임 입력" data-no-tooltip data-inven-result-detail>
</div>