[기타] '휴밀' 님이 문의 하신 스크립트 입니다.

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

정리된 소스를 전달 드립니다.

< ,> 와 같은 괄호를 사용하시면, 브라우저가 해당 부분을 XML 태그로 인식하게 되므로, 해당 괄호를 사용하고자 하시는 경우에는 엔티티 문자(&lt;, &gt;)를 사용해 주시면 됩니다.

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



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

---

<!-- 우클릭, 드래그, 영역 선택 차단 기능-->
<div data-inven-prevent="contextmenu,drag,select">

<!-- 전체 테두리-->
<div style="width: 450px;border:0px solidblack;font-size:15px;'">

<!-- 상단 이미지-->
<div style="width:450px;height:337px;background:url(https://upload2.inven.co.kr/upload/2016/06/08/bbs/i12409637343.gif) 0% 0% / 100%;vertical-align: middle; display: table-cell;text-align:center;">
<span style="color:00ffff;">+_+/</span></div>

<!-- 중앙 원형 그림 - 인장 펼치기 -->
<div style="width: 0px; height: 0px; display: inline-block;">
<div style="width: 450px;">

<div style="background:url(&quot;https://upload2.inven.co.kr/upload/2016/06/08/bbs/i13599258500.gif&quot;)no-repeat center / 100%; margin: 0px auto; border-radius: 80px; top: 10px;width: 120px; height: 120px; overflow: hidden; position: relative;">
<div style="transition: 0.8s; width: 120px; height: 120px;vertical-align: middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'rgba(255,255,255,0.4)','color':'rgba(55,55,55,1)'}}" data-inven-toggle="sealing1" data-inven-hide="sealing2,sealing3">
<div style="padding: 1em; text-align: center; font-size:17px;"><font color="#00ffff" face="Verdana"><b>ABOUT</b></font></div></div></div></div></div>

<!-- 이미지 하단 영역 -->
<div style="background-color:2A2826;">
<div style="height: 135px;"></div>

<!-- 중앙 원형 클릭 시, 펼쳐지는 내용들 -->
<div style="padding: 1em; text-align: center; display:none;transition:0.6s;" data-inven-id="sealing1">
<div style="border: 2px dashed rgb(0, 255, 255); padding: 8px; width: 400px; background: rgb(42, 40, 38);"><img src="http://randomurl.ze.am/e/jd.php?d=2016-05-10%2020:49:15&amp;c=00ffff#.png" border="0" width="400" height="20" style=""></div>

<br><font color="00ffff" size="2"><p align="center"><u><strong>&lt;&lt;메이플스토리2&gt;&gt;</strong></u></p>
<div align="center">- <strike>알파 테스트</strike>, CBT, FBT 참여/15년 7월 7일 시작
<div align="center">- 바르칸트 16위, 누타만 74위, 칸두라 79위 클리어</div>
<div align="center">- 피로스파드(15.9.15), 카보(15.12.31), 발록(15.11.15) 클리어</div>
<div align="center">-카오스모드 :&nbsp;데보라크(15.10.03), 캡틴모크(15.11.07),</div>
<div align="center">파풀라투스(16.08.25) 클리어</div>
<div align="center">-&nbsp;데보라크(15.08.02), 파풀라투스(15.08.15) 클리어</div>
<div align="center"><b>&lt;&lt;restart&gt;&gt;</b></div>
<div align="center">- 캡틴모크 16위, 발록 42위, 바르칸트 23위, 칸두라 23위 클리어(16.12.15)</div>
<div align="center">- 데보라크 3위, 파풀라투스 7위, 누타만 17위 클리어(16.12.16)</div>
<div align="center"><br></div></div>
<div align="center"></div></font></div>
<!-- 펼쳐지는 내용 끝 -->


<div style="padding: 1em;text-align: center;"><font color="#00ffff" face="Verdana"><strong>휴밀</strong>@inven</font></div>

<!-- 하단 3개 버튼 -->
<div style="padding:1em; text-align: center;">

<!-- 버튼 1-->
<div style="background:url(&quot;https://upload2.inven.co.kr/upload/2016/06/09/bbs/i12440817518.png&quot;)no-repeat center / 80%; margin: 0px 15px; border-radius: 10px; border: 3px solid white;border-image: none; width: 92px; height: 92px; overflow: hidden; display:inline-block;">
<div style="transition:0.4s;width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align:middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'2A2826','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="sealing2" data-inven-hide="sealing1,sealing3">
<div style="padding:0.5em;font">마격/<br>인장검색</div></div></div>

<!-- 버튼 2-->
<div style="background:url(&quot;https://upload2.inven.co.kr/upload/2016/06/08/bbs/i11563935047.png&quot;)no-repeat center / 80%; margin: 0px 15px; border-radius: 10px; border: 3px solid white;border-image: none; width: 92px; height: 92px; overflow: hidden; display:inline-block;">
<div style="transition:0.4s;width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align:middle; display: table-cell;" data-inven-over-css="{'_SELF_':{'background-color':'2A2826','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="sealing3" data-inven-hide="sealing1,sealing2">
<div style="padding:0.5em;font">인장♥</div></div></div>

<!-- 버튼 3-->
<div style="background:url(&quot;https://upload2.inven.co.kr/upload/2016/06/09/bbs/i13041601370.png&quot;)no-repeat center / 80%; margin: 0px 15px; border-radius: 10px; border: 3px solid white;border-image: none; width: 92px; height: 92px; overflow: hidden; display:inline-block;">
<div style="transition:0.4s;width: 92px; height: 92px; color: rgba(255, 255, 255, 0); vertical-align:middle; display: table-cell;" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}" data-inven-over-css="{'_SELF_':{'background-color':'2A2826','color':'rgba(255,255,255,1)'}}">
<div data-inven-action="" data-inven-nick-default="휴밀" style="border:0px;padding:0;margin:0;">
<span data-inven-attr-for="input" style="display:none;"></span>
<span data-inven-attr-for="send-note" style="background-color:rgba(255,255,255,0);width: 92px; height: 92px; color: rgba(255, 255, 255,0);border-radius:123px;padding:0;margin:0;transition:0.4s;border:0px;font-family:'Jeju Gothic', sans-serif;font-size:15px;" data-inven-text="쪽지" data-inven-over-css="{'_SELF_':{'color':'rgba(255,255,255,1)'}}" data-inven-out-css="{'_SELF_':{'color':'rgba(255,255,255,0)'}}"></span></div></div></div>

<!-- 버튼 1 본문 : 마격기 -->
<div style="padding:1em; text-align: center; display: show;transition:0.4s;" data-inven-id="sealing2">
<div data-inven-action="" data-no-tooltip="" data-inven-label="마격 발사 :" data-inven-nick-default="휴밀" style="display: inline-block; width:390px; padding:4px; margin:7px -5px; background-color: transparent; border-radius: 8px; border: 2px double #9c9c9c; border-color:FF0040;color:FF0000;">
<span data-inven-attr-for="label" style="text-shadow: -1px 0 #F6CEEC, 0 1px #F6CEEC, 1px 0 #F6CEEC, 0 -1px #F6CEEC;-moz-text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;-webkit-text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;font-weight:bold;margin-top:5px;margin-left:4px;"></span>
<span data-inven-attr-for="input" style="width: 100px; height: 25px; padding: 5px; background-color: #F6CEEC; border-radius: 4px; border: 2px double #9c9c9c; border-color:#FF0040; color: #FF0040;margin-top:1px;margin-right:3px;"></span>
<span data-inven-attr-for="search-profile" data-inven-text="인장 검색" style="width:auto;height:auto;display: inline-block;margin:2px 0px; padding:3px 13px; background-color: #F6CED8; border-radius: 8px; border: 1px double #FF0040; border-color:#FF0040; cursor:pointer; opacity:0.85;color: #FF0040;"></span>
<span data-inven-attr-for="last-attack-5" data-inven-text="5방" style="height:auto;display: inline-block;margin:2px 0px; width:34px; padding:3px 0px; background-color: #F6CED8; border-radius: 8px; border: 1px double #FF0040; border-color:#FF0040; cursor:pointer; opacity:0.85;color: #FF0040;"></span>
<span data-inven-attr-for="last-attack-10" data-inven-text="10방" style="height:auto;display: inline-block;margin:2px 0px; width:34px; padding:3px 0px; background-color: #F6CED8; border-radius: 8px; border: 1px double #FF0040; border-color:#FF0040; cursor:pointer; opacity:0.85;color: #FF0040;"></span>
<span data-inven-attr-for="last-attack-20" data-inven-text="20방" style="height:auto;display: inline-block;margin:2px 0px; width:34px; padding:3px 0px; background-color: #F6CED8; border-radius: 8px; border: 1px double #FF0040; border-color:#FF0040; cursor:pointer; opacity:0.85;color: #FF0040;"></span>
<span data-inven-attr-for="last-attack-all" data-inven-text="모두" style="height:auto;display: inline-block;margin:2px 0px; width:34px; padding:3px 0px; background-color: #F6CED8; border-radius: 8px; border: 1px double #FF0040; border-color:#FF0040; cursor:pointer; opacity:0.85;color: #FF0040;"></span></div><br><img width="95%"></div>

<!-- 버튼 2 본문 : 인장 -->
<div style="padding:1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing3">각종 받은 인장 이미지 sealing3 탭<br><img width="95%"></div></div></div></div></div>