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

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

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

감사합니다.


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

<!-- 배경 상자 -->
<div style="background:url(https://upload2.inven.co.kr/upload/2016/10/22/bbs/i12641874655.jpg)no-repeat 0% 0%/100%;width:100%;height:643px;">

<!-- 우측 내용-->
<div style="float:right;width:27%;height:100%;background-color:rgba(200,200,200,0.4);text-align:center">

<!-- 디데이 -->
<div style='margin-top: 20px; border-radius: 10px; border: 3px groove rgba(255,255,255,0.5); border-image: none; width: 70px; height: 70px; overflow: hidden; display: inline-block;'>
<div style="transition:0.4s; width: 70px; height: 70px; 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':'midnightblue','color':'rgba(255,255,255,1)'}}">
<div style="padding: 0.5em;">인벤생활<br>
<span style="font-weight:bold;">D+ </span><span data-inven-dday="2010-12-05" style="font-weight:bold;"></span>
</div></div></div>

<!-- 마무리 일격 -->
<div style='margin-top: 80px; border-radius: 10px; border: 3px groove rgba(255,255,255,0.5); border-image: none; width: 70px; height: 70px; overflow: hidden; display: inline-block;'>
<div style="transition:0.4s; width: 70px; height: 70px; 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':'midnightblue','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: 70px; height: 70px; color: rgba(255, 255, 255, 0);border-radius:15px;padding:0;margin:0;transition:0.4s;border:0px;" 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='margin-top: 20px; border-radius: 10px; border: 3px groove rgba(255,255,255,0.5); border-image: none; width: 70px; height: 70px; overflow: hidden; display: inline-block;'>
<div style="transition:0.4s; width: 70px; height: 70px; 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':'midnightblue','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: 70px; height: 70px; color: rgba(255, 255, 255, 0);border-radius:15px;padding:0;margin:0;transition:0.4s;border:0px;" 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='margin-top: 20px; border-radius: 10px; border: 3px groove rgba(255,255,255,0.5); border-image: none; width: 70px; height: 70px; overflow: hidden; display: inline-block;'>
<div style="transition:0.4s; width: 70px; height: 70px; 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':'midnightblue','color':'rgba(255,255,255,1)'}}">
<div style="padding: 0.3em;">배틀테그<br>
딸몽#31885
</div></div></div>

<!-- 장난감 -->
<a href="http://www.inven.co.kr/board/powerbbs.php?come_idx=17&l=29931" target="_BLANK">
<div style='margin-top: 80px; border-radius: 10px; border: 3px groove rgba(255,255,255,0.5); border-image: none; width: 70px; height: 70px; overflow: hidden; display: inline-block;'>
<div style="transition:0.4s; width: 70px; height: 70px; 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':'midnightblue','color':'rgba(255,255,255,1)'}}">
<div style="padding: 0.2em;">와우의<br>
장난감 활용
</div></div></div></a>

</div><!--우측 종료-->
</div><!--본문 종료-->