[기타] '선술집난투'님이 요청하신 스크립트 입니다.

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

인벤 스크립트와 관련된 기술적인 지원은 가능하지만,
유감스럽게도 인장 전체를 만들어 드리는 업무는 담당하고 있지 않습니다. 이와 더불어, 디자인 센스도 없어 만족스러운 인장을 만들어 드리는 데에는 문제가 있습니다.

일단 하스스톤을 좋아하신다고 하셨고, 올려주신 이미지를 바탕으로 적당히 작성한 소스를 작성해 드립니다.

이외에 인벤 스크립트와 관련하여 궁금하신 점 있다면 언제든지 글 남겨주세요.

감사합니다.


□ HTML을 누른 상태에서 붙여넣고 저장해주세요.

---

<!--전체 테두리, 0px로 해서 지울 수 있다.-->
<div style="width: 428px;border:4px solid rgb(228,202,92);font-size:15px;border-radius:12px;">
<div style="width: 420px;border:4px solid rgb(112,73,32);font-size:15px;border-radius:8px;overflow:hidden;">

<!--상단 이미지 상자-->
<div data-inven-random="r1,r2,r3,r4,r5">
<img data-inven-id="r1" src="https://upload2.inven.co.kr/upload/2016/05/19/bbs/i10990847637.png" style="width:100%;display:none;">
<img data-inven-id="r2" src="https://upload2.inven.co.kr/upload/2016/05/19/bbs/i10739914026.png" style="width:100%;display:none;">
<img data-inven-id="r3" src="https://upload2.inven.co.kr/upload/2016/05/19/bbs/i12506117021.png" style="width:100%;display:none;">
<img data-inven-id="r4" src="https://upload2.inven.co.kr/upload/2016/05/19/bbs/i10780238221.png" style="width:100%;display:none;">
<img data-inven-id="r5" src="https://upload2.inven.co.kr/upload/2016/05/19/bbs/i13255952242.png" style="width:100%;display:none;">
</div>


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

<div style="width: 428px;">
<div style='background: url("https://upload2.inven.co.kr/upload/2016/05/19/bbs/i13562323478.png") no-repeat center / 100%; margin: 0px auto; border-radius: 80px; top: -72px; width: 146px; height: 146px; overflow: hidden; position: relative;'>
<div style="transition:0.4s; width: 146px; height: 146px; 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':'rgba(255,255,255,0.4)','color':'rgba(55,55,55,1)'}}" data-inven-toggle="sealing">
<div style="padding: 1em; text-align: center; font-size: 15px;font-weight:bold;">
인장 보기
</div></div></div></div></div>


<div style="background:url(http://kr.battle.net/hearthstone/static/images/body-content-bg.jpg) center;">
<!-- 이미지 아래로 나오는 흰색 공간입니다. 배경색 또는 배경 이미지를 넣을 수 있습니다.-->

<div style="height: 60px;"></div>

<!--중앙 클릭시 펼쳐질 상자 (숨겨진 상자)-->
<div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing" data-inven-toggle="sealing">
<img src="https://upload2.inven.co.kr/upload/2016/05/19/bbs/i11546483887.png" width="99%">
<img src="https://upload2.inven.co.kr/upload/2016/05/19/bbs/i13527997782.jpg" width="99%">
<img src="https://upload2.inven.co.kr/upload/2016/05/19/bbs/i11124101734.jpg" width="99%">
</div>


<!-- 기본 내용 상자 -->
<div style="padding: 1em;text-align: center;">
<b style="color:purple;">선술집난투</b>@inven<br>
하스스톤 합니다! (인장 꾸미고 싶은데..._)
</div>

<!-- 하단의 3개 버튼, 지울 수 있습니다.-->
<div style="padding: 1em; text-align: center; ">

<!-- 가입일-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/05/19/bbs/i14020610277.png"); margin: 0px 15px; border-radius: 10px; border: 3px solid rgb(112,73,32); 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':'red','color':'rgba(255,255,255,1)'}}">
<div style="padding: 0.5em;font">가입일<br>
<span style="font-weight:bold;">D + </span><span data-inven-dday="2015-07-25" style="font-weight:bold;"></span>
<!-- dday 뒤에 "yyyy-mm-dd"의 형태로 가입일 입력-->
</div></div></div>

<!-- 마무리 일격 : 닉네임 입력-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/05/19/bbs/i14020610277.png"); margin: 0px 15px; border-radius: 10px; border: 3px solid rgb(112,73,32); 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':'blue','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="last-attack-all" 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-size:15px;font-weight:bold;" 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>

<!-- 쪽지 보내기 : 닉네임 입력-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/05/19/bbs/i14020610277.png"); margin: 0px 15px; border-radius: 10px; border: 3px solid rgb(112,73,32); 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':'green','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-size:15px;font-weight:bold;" 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>

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