[기타] 답변입니다.

외부 이미지 주소를 그대로 사용할 경우, 엑박이 뜨는 경우가 많습니다.

외부 이미지는 인벤 인장에서 사용하려면 인벤의 게시판 내에 우선 업로드한 뒤

업로드 된 이미지의 이미지주소를 사용하시는게 좋습니다.

인벤 인장용 이미지 게시판 :

http://www.inven.co.kr/board/powerbbs.php?come_idx=4730

문의하신 인장의 이미지를 모두 인벤 인장용 게시판에 업로드하여

이미지 주소를 다시 추출한 뒤 수정한 인장입니다.

<div style="width: 450px;border:1px solid black;font-size:15px;">

<div>
<img src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i15406631994.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/2018/01/25/bbs/i15477582039.gif') 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:pink;">

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

<div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing">루나(이용신).<br>
<img src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i14137103542.gif" width="95%">
</div>

<div style="padding: 1em;text-align: center;">달빛천사
</div>

<div style="padding: 1em; text-align: center;">

<div style="background: url('https://upload2.inven.co.kr/upload/2018/01/25/bbs/i15423442447.gif'); 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="2014-02-28" style="font-weight:bold;">
</span>

</div>

</div>

</div>

<div style="background: url('https://upload2.inven.co.kr/upload/2018/01/25/bbs/i15404304504.gif'); 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('https://upload2.inven.co.kr/upload/2018/01/25/bbs/i15443467350.gif'); 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>
 

인장 보기

루나(이용신).

달빛천사

가입일
D +