[기타] '김예림'님이 문의하신 스크립트 입니다.

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

올려주신 소스 자체에는 이상이 없지만, 복사 붙여넣기를 하는 과정에서 "엔터"가 추가되면서 한 번에 입력되어야 할 소스들이 깨져 버린 것으로 확인하였습니다.

소스의 편집은 가능한 인벤토리가 아닌 메모장 등에서 진행하시고, 원본 소스를 보관하시길 권해 드립니다.

인벤토리는 편집이 용이하도록 개선하는 작업 중에 있습니다. 불편을 드려 죄송합니다.

이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.


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

---

<!--전체 테두리, 0px로 해서 지울 수 있다.-->
<div style="width: 450px;border:1px solid black;font-size:15px;'">

<!--상단 이미지 상자-->
<div><img src="https://upload2.inven.co.kr/upload/2016/09/06/bbs/i11683932040.gif" width="100%"></div>

<!--중앙 원형 그림 - 인장 펼치기-->
<div style="width: 0px; height: 0px; display: inline-block;">
<div style="width: 450px;">
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/07/bbs/i12583411185.png") no-repeat center / 100%; margin: 0px auto; border-radius: 80px; top: -90px; 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;">인장 보기</div></div></div></div></div>

<!-- 이미지 아래로 나오는 흰색 공간입니다. 배경색 또는 배경 이미지를 넣을 수 있습니다.-->
<div style="background-color:white;">
<div style="height: 60px;"></div>


<!--중앙 클릭시 펼쳐질 상자 (숨겨진 상자)-->
<div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing"><br />

<a href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&l=54462" target="_blank" style="font-family: gulim, 굴림, Helvetica; color: rgb(241, 241, 241); line-height: normal; display: inline-block; cursor: pointer; padding: 3px 6px; border-radius: 4px; margin-left: 1px; background-color: #ff85a2; text-decoration:none;">예리 보러가기</a>
<a href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&l=53658" target="_blank" style="font-family: gulim, 굴림, Helvetica; color: rgb(241, 241, 241); letter-spacing: 0px; line-height: normal; display: inline-block; cursor: pointer; padding: 3px 6px; border-radius: 4px; margin-left: 7px; background-color: #ff85a2; text-decoration:none;">크롱 보러가기</a>
<a href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2777&l=50938" target="_blank" style="font-family: gulim, 굴림, Helvetica; color: rgb(241, 241, 241); letter-spacing: 0px; line-height: normal; display: inline-block; cursor: pointer; padding: 3px 6px; border-radius: 4px; margin-left: 7px; background-color: #ff85a2; text-decoration:none;">인장 구경가기</a>
<a href="http://www.inven.co.kr/board/powerbbs.php?come_idx=1010" target="_blank" style="font-family: gulim, 굴림,Helvetica; color: rgb(241, 241, 241); line-height: normal; display: inline-block; cursor: pointer; padding: 3px 6px; border-radius: 4px; margin-left: 7px; background-color: #ff85a2; text-decoration:none;">알2</a>
<a href="http://gw2.inven.co.kr/" target="_blank" style="font-family: gulim, 굴림, Helvetica; color: rgb(241, 241, 241); letter-spacing: 0px; line-height: normal; display: inline-block; cursor: pointer; padding: 3px 6px; border-radius: 4px; margin-left: 7px; background-color: #ff85a2; text-decoration:none;">길2</a></div>

<!-- 기본 내용 상자 -->
<div style="padding: 1em;text-align: center;"></div>

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

<!-- 가입일-->
<div style='background: url("첫 상자 이미지"); 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':'#F34C97','color':'rgba(255,255,255,1)'}}">
<div style="padding: 0.5em;font">가입일<br>
<span style="font-weight:bold;">D + </span>
<span data-inven-dday="2013-01-06" style="font-weight:bold;"></span><!-- dday 뒤에 "yyyy-mm-dd"의 형태로 가입일 입력--></div></div></div>

<!-- 마무리 일격 : 닉네임 입력-->
<div style='background: url("둘째 상자 이미지"); 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':'#F34C97','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-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>

<!-- 쪽지 보내기 : 닉네임 입력-->
<div style='background: url("셋째 상자 이미지"); 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':'#F34C97','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></div></div></div>