원 제작자님 글: http://www.inven.co.kr/board/webzine/4712/2848



대충 생긴건 요러합니다

요거로 바꾸고나서 인장 어캐 바꿨냐는 쪽지가 2개정두 와서 공유드려여
이쁘게 바꾸실분은 참고 고고



-HTML (등록법: 인벤토리 - 가장 우측 html - 복사 후 붙여넣기 하면 인장 생성!)

바꿔서 써야될 부분은 파랗게 칠해놨어요
그부분의 이미지링크나 기타등등을 바꿔서 사용해주시면 됩니다

보통 이미지링크가 들어가는 곳은 업로드게를 활용해 자신이 원하는 이미지의 링크를 복사하여 수정해주시면 되구
그 외에는 닉네임이나 기타등등을 자신에 맞게 알아서 바꿔서 사용하시면 됩니다.

모르는부분은 댓글주시면 최대한 도와드릴게요!

<img src="https://upload2.inven.co.kr/upload/2018/11/05/bbs/i13212313142.png" usemap="#front"> 

<map name="front">
<area shape="rect" coords="20,12,51,41" title="camera" href="#" data-inven-toggle="toggle" data-inven-hide="toggle2" target="_blank">
<area shape="rect" coords="405,16,436,39" title="add" href="#" data-inven-toggle="toggle2" data-inven-hide="toggle" target="_blank">
</map>

<div data-inven-id="toggle" style="display: none;background-color:white;text-align:center;">
<br>메이플 인벤: 야므<br>
<br>
<br>
</div>

<div data-inven-id="toggle2" style="display: none;background-color:white;text-align:center;">
<br>
<b>2018 </b>년 <b>10 </b>월 <b>8 </b>일에 가입했습니다.<br>
오늘은 <span data-inven-dday="2018-10-08" style="font-weight:bold;color:#ff0000;"></span> 일째 되는 날입니다.
<br>
<br>
</div>

<div style="width:475px; height:200px; background-color:white; display: inline-block">
<img src="https://upload2.inven.co.kr/upload/2019/05/17/per/i14302211253.jpg" style="margin-top: 20px; margin-left: 20px; width:130px; border-radius:100px; float:left;">
<span style="background-color:#ffffff; font-family:malgun gothic; font-size:1.4em;"> 
<br>
</span>

<span style="background-color:#ffffff; font-family:malgun gothic; font-size:2.5em;"> 
<center>
Y_yameu
<img src="https://optimal.inven.co.kr/upload/2019/01/10/bbs/i14187975233.png" style="width:35px;">
<br>
<a href="http://www.inven.co.kr/member/inventory/view_inventory.php?nick=%EC%95%BC%EB%AF%80" style="text-decoration:none;" target="_BLANK">
<img src="https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13346556451.png" style="margin-top: 20px; border-radius:3px;">
</a>
<a href="#" data-inven-toggle="recommend" style="text-decoration:none;">
<div style='background: url("https://optimal.inven.co.kr/upload/2019/01/11/bbs/i14307607848.png"); border-radius: 3px; width:38px; height: 33px; overflow: hidden; display: inline-block;'>
<div style="transition:0.1s; width:38px; height: 33px; border-radius: 3px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell; background:url(https://optimal.inven.co.kr/upload/2019/01/11/bbs/i15080222609.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
</div></div>
</a>
</center>
</span>
</div>


<div data-inven-id="recommend" style="margin-left:20px; margin-bottom:15px; height:230px; display: none; background-color:white; text-align:left;">
<div style="display: inline-block; margin-left:2px; margin-bottom:7px; width:130px; color:515151; font-weight:bold; font-family:malgun gothic; font-size:1.2em;">추천 계정 </div><br>
<div style="display: inline-block; width:130px; height:200px; border:1px solid; border-color:e6e6e6; border-radius:2px;font-family:malgun gothic; font-size:1.2em;">
<center>
<img src="https://optimal.inven.co.kr/upload/2019/05/05/bbs/i15353698284.jpg" style="margin-top:20px; width:80px; border:1px solid; border-color:e6e6e6; border-radius:80px;">
<br><b>somsomi0309 </b><img src="https://optimal.inven.co.kr/upload/2019/05/05/bbs/i15353698284.jpg" style="width:15px;"> <br> 얌얌 <br>
<a href="https://www.instagram.com/somsomi0309/" style="text-decoration:none;" target="_BLANK">
<img src="https://optimal.inven.co.kr/upload/2019/01/11/bbs/i15113817642.png" style="margin-top:10px; width:90px; border-radius:3px;">
</a>
</center>
</div>

<div style="display: inline-block; margin-left:5px; width:130px; height:200px; border:1px solid; border-color:e6e6e6; border-radius:2px;font-family:malgun gothic; font-size:1.2em;">
<center>
<img src="https://optimal.inven.co.kr/upload/2019/05/06/bbs/i13624460318.jpg" style="margin-top:20px; width:80px; border:1px solid; border-color:e6e6e6; border-radius:80px;">
<br><b>j_chaeyeoni </b> <img src="https://optimal.inven.co.kr/upload/2019/05/06/bbs/i13624460318.jpg" style="width:15px;"> <br> 얌얌얌 <br>
<a href="https://www.instagram.com/j_chaeyeoni/" style="text-decoration:none;" target="_BLANK">
<img src="https://optimal.inven.co.kr/upload/2019/01/11/bbs/i15113817642.png" style="margin-top:10px; width:90px; border-radius:3px;">
</a>
</center>
</div>

<div style="display: inline-block; margin-left:5px; width:130px; height:200px; border:1px solid; border-color:e6e6e6; border-radius:2px;font-family:malgun gothic; font-size:1.2em;">
<center>
<img src="https://optimal.inven.co.kr/upload/2019/05/07/bbs/i14665769323.jpg" style="margin-top:20px; width:80px; border:1px solid; border-color:e6e6e6; border-radius:80px;">
<br><b>chungha_official </b> <img src="https://optimal.inven.co.kr/upload/2019/05/07/bbs/i14665769323.jpg" style="width:15px;"> <br> 얌얌얌얌 <br>
<a href="https://www.instagram.com/chungha_official/" style="text-decoration:none;" target="_BLANK">
<img src="https://optimal.inven.co.kr/upload/2019/01/11/bbs/i15113817642.png" style="margin-top:10px; width:90px; border-radius:3px;">
<a>
</center>
</div>

</div>

<div style="display: inline-block; margin-left:20px; width:475px; background-color:#ffffff; font-family:malgun gothic; font-weight:bold; color:black; font-size:2.1em;">
야므
<br>
<div style="color:#003569;font-weight:normal;">@yameu1007</div>
</div>

<div style="width:475px; margin-top:20px; margin-left:5px; margin-bottom:5px; background-color:#ffffff;">
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://optimal.inven.co.kr/upload/2019/05/25/bbs/i15122755720.jpg)', 'background-repeat':'no-repeat', 'background-size':'442px' , 'height':'442px'} }">
<img data-inven-tooltip="#000000;#ffffff;#000000;1" style="border-radius: 2px; border: 1px solid #e0e0e0; width:50px; height:50px;" src="https://optimal.inven.co.kr/upload/2019/05/25/bbs/i15122755720.jpg"></a>

<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://optimal.inven.co.kr/upload/2019/05/05/bbs/i15353698284.jpg)', 'background-repeat':'no-repeat', 'background-size':'442px' , 'height':'442px'} }">
<img data-inven-tooltip="#000000;#ffffff;#000000;2" style="border-radius: 2px; border: 1px solid #e0e0e0; width:50px; height:50px;" src="https://optimal.inven.co.kr/upload/2019/05/05/bbs/i15353698284.jpg"></a>

<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://optimal.inven.co.kr/upload/2019/05/06/bbs/i13624460318.jpg)', 'background-repeat':'no-repeat', 'background-size':'442px' , 'height':'442px'} }">
<img data-inven-tooltip="#000000;#ffffff;#000000;3" style="border-radius: 2px; border: 1px solid #e0e0e0; width:50px; height:50px;" src="https://optimal.inven.co.kr/upload/2019/05/06/bbs/i13624460318.jpg"></a>

<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://optimal.inven.co.kr/upload/2019/05/07/bbs/i14665769323.jpg)', 'background-repeat':'no-repeat', 'background-size':'442px' , 'height':'442px'} }">
<img data-inven-tooltip="#000000;#ffffff;#000000;4" style="border-radius: 2px; border: 1px solid #e0e0e0; width:50px; height:50px;" src="https://optimal.inven.co.kr/upload/2019/05/07/bbs/i14665769323.jpg"></a>

<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://optimal.inven.co.kr/upload/2019/05/07/bbs/i13350435834.jpg)', 'background-repeat':'no-repeat', 'background-size':'442px' , 'height':'442px'} }">
<img data-inven-tooltip="#000000;#ffffff;#000000;5" style="border-radius: 2px; border: 1px solid #e0e0e0; width:50px; height:50px;" src="https://optimal.inven.co.kr/upload/2019/05/07/bbs/i13350435834.jpg"></a>

<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://optimal.inven.co.kr/upload/2019/05/06/bbs/i14496590642.jpg)', 'background-repeat':'no-repeat', 'background-size':'442px' , 'height':'442px'} }">
<img data-inven-tooltip="#000000;#ffffff;#000000;6" style="border-radius: 2px; border: 1px solid #e0e0e0; width:50px; height:50px;" src="https://optimal.inven.co.kr/upload/2019/05/06/bbs/i14496590642.jpg"></a>

<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://optimal.inven.co.kr/upload/2019/04/13/bbs/i14649828088.png)', 'background-repeat':'no-repeat', 'background-size':'442px' , 'height':'442px'} }">
<img data-inven-tooltip="#000000;#ffffff;#000000;7" style="border-radius: 2px; border: 1px solid #e0e0e0; width:50px; height:50px;" src="https://optimal.inven.co.kr/upload/2019/04/13/bbs/i14649828088.png"></a>

<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://optimal.inven.co.kr/upload/2019/05/03/bbs/i13990585510.jpg)', 'background-repeat':'no-repeat', 'background-size':'442px' , 'height':'442px'} }">
<img data-inven-tooltip="#000000;#ffffff;#000000;8" style="border-radius: 2px; border: 1px solid #e0e0e0; width:50px; height:50px;" src="https://optimal.inven.co.kr/upload/2019/05/03/bbs/i13990585510.jpg"></a>

<div data-inven-id="ev-click-img" style="transition:0.3s; margin-left:2px; border-radius: 2px; width: 440px; height: 440px; background-size: 440px;background-image: url('https://upload2.inven.co.kr/upload/2019/05/17/per/i14302211253.jpg');">
</div>
</div>


<table style="width:475px; height:55px; background-color:#ffffff;">
<center>
<div style='background: url("https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13778561049.png"); width: 80px; height: 55px; overflow: hidden; display: inline-block;'>
<div style="transition:0.1s; width: 80px; height: 55px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell; background:url(https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13765847313.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
<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: 80px; height: 55px; color: rgba(255, 255, 255, 0);border-radius:121px;padding:0;margin:0;transition:0.4s;border:0px;
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://optimal.inven.co.kr/upload/2019/01/13/bbs/i13790148185.png"); width: 80px; height: 55px; overflow: hidden; display: inline-block;'>
<div style="transition:0.1s; width: 80px; height: 55px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell; background:url(https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13722499174.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
<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: 80px; height: 55px; color: rgba(255, 255, 255, 0);border-radius:121px;padding:0;margin:0;transition:0.4s;border:0px;
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>


<a href="http://m.inven.co.kr/imart/attendance/" target="_BLANK" style="text-decoration:none">
<div style='background: url("https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13734874224.png"); width: 80px; height: 55px; overflow: hidden; display: inline-block;'>
<div style="transition:0.1s; width: 80px; height: 55px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell; background:url(https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13750706984.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
</div></div>
</a>

<a href="http://www.inven.co.kr/member/skill/cast.php?skillCode=20015&rurl=/member/skill/index.php?" target="_BLANK" style="text-decoration:none">
<div style='background: url("https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13762974095.png"); width: 80px; height: 55px; overflow: hidden; display: inline-block;'>
<div style="transition:0.1s; width: 80px; height: 55px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell; background:url(https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13712673870.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
</div></div>
</a>

<a href="#" data-inven-toggle="injang" style="text-decoration:none">
<div style='background: url("https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13706376370.png"); width: 80px; height: 55px; overflow: hidden; display: inline-block;'>
<div style="transition:0.1s; width: 80px; height: 55px; color: rgba(255, 255, 255, 0); vertical-align: middle; display: table-cell; background:url(https://optimal.inven.co.kr/upload/2019/01/13/bbs/i13792451271.png);opacity:0;" data-inven-over-css="{'_SELF_':{'opacity':'1'}}" data-inven-out-css="{'_SELF_':{'opacity':'0'}}">
</div></div>
</a>

</center>
</table>
<hr size="7" noshade color="#3997f0" width="432px">

<div data-inven-id="injang" style="display: none;">
<center>
<br><br>
나는 너뮤 기여워...
<br><br>
</center>
</div>