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

작성해 주신 내용을 바탕으로 수정된 소스를 전달해 드립니다.

사용하신 이미지들은 네이버에서 가져오는 이미지들인데, 작성자의 경우는 캐시에 값이 남아 있어 표시되지만,
다른 유저들의 경우는 모두 엑스박스로 표시되는 현상이 있습니다.

조금 불편하시더라도 인벤의 인장용 게시판 등에 이미지를 올리셔서 사용하시길 권해드립니다.

혹시 원하시던 형태와 다르거나 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.



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

<div style="width: 450px;border:1px solid black;font-size:15px;">
<div>
<img width="100%" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13968766544.gif"></div>
</div>

<div style="width: 0px; height: 0px; display: inline-block;"><div style="width: 450px;"><div style='background: url("http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13969491487.jpg") 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-toggle="sealing" data-inven-over-css="{'_SELF_':{'background-color':'rgba(255,255,255,0.4)','color':'rgba(55,55,55,1)'}}" data-inven-out-css="{'_SELF_':{'background-color':'rgba(255,255,255,0)','color':'rgba(255,255,255,0)'}}"><div style="padding: 1em; text-align: center; font-size: 15px;">누르면 인장</div>
</div>
</div>
</div>
</div>
<div style="background-color:#F5DA81;"><div style="height: 60px;"></div>

<div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing"><div data-inven-list=" img1 , img2 , img3 , img4 , img5 , img6 , img7 "><img style="width: 435px;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13965555082.gif" data-inven-id="img1">
<img style="width: 435px; display: none;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13945860438.gif" data-inven-id="img2">
<img style="width: 435px; display: none;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13982951897.gif" data-inven-id="img3">
<img style="width: 435px; display: none;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13926546886.gif" data-inven-id="img4">
<img style="width: 435px; display: none;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13903534036.gif" data-inven-id="img5">
<img style="width: 435px; display: none;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13956155455.gif" data-inven-id="img6">
<img style="width: 435px; display: none;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13917737439.gif" data-inven-id="img7"></div>
겁페와 마리카를 좋아해요 겁페는 움짤이라 누르면 바뀌어용 <br /><img width="95%" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13946928241.gif"></div>

<div style="padding: 1em;text-align: center;"> 밑에 케장콘에 마우스를 갖다대면 커져요! <div style="text-align:center;">
<img style="max-width:50px; max-height:50px;vertical-align:top;transition:0.2s;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13968668816.png" data-inven-over-css="{'_SELF_':{'max-width':'800px','max-height':'800px'}}" data-inven-out-css="{'_SELF_':{'max-width':'50px','max-height':'50px'}}">
<img style="max-width:50px; max-height:50px;vertical-align:top;transition:0.2s;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13993701798.png" data-inven-over-css="{'_SELF_':{'max-width':'200px','max-height':'200px'}}" data-inven-out-css="{'_SELF_':{'max-width':'50px','max-height':'50px'}}">
<img style="max-width:50px; max-height:50px;vertical-align:top;transition:0.2s;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13918251028.png" data-inven-over-css="{'_SELF_':{'max-width':'200px','max-height':'200px'}}" data-inven-out-css="{'_SELF_':{'max-width':'50px','max-height':'50px'}}">
<img style="max-width:50px; max-height:50px;vertical-align:top;transition:0.2s;" src="http://upload2.inven.co.kr/upload/2016/11/14/bbs/i13944603254.png" data-inven-over-css="{'_SELF_':{'max-width':'200px','max-height':'200px'}}" data-inven-out-css="{'_SELF_':{'max-width':'50px','max-height':'50px'}}"></div>
</div>

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

<!-- 가입일-->
<div style='background: url("http://upload2.inven.co.kr/upload/2016/11/12/bbs/i11195197495.png") -10px -17px /120%; 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':'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="2010-07-24" style="font-weight:bold;"></span>
<!-- dday 뒤에 "yyyy-mm-dd"의 형태로 가입일 입력-->
</div></div></div>

<!-- 마무리 일격 : 닉네임 입력-->
<div style='background: url("http://upload2.inven.co.kr/upload/2016/11/12/bbs/i11169357738.png") 0% 0% /110%; 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':'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-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("http://upload2.inven.co.kr/upload/2016/11/12/bbs/i11198688638.png") 0% 0% / 100%; 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':'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-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></div>