[기타] 수정한 인장입니다.

인장 보기

( Empty )

템빨장인

가입일
D +

 

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

<div>
<img src="https://upload2.inven.co.kr/upload/2018/01/09/bbs/i15690549111.jpg" 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/09/bbs/i15613484222.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); text-align:center; 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>
 
</div>
 
</div>
 
</div>
 

<div style="background-color:lightblue;"> 

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

<div style="padding: 1em; text-align: center; display: none;transition:0.4s;" data-inven-id="sealing">( Empty )<br>
<img width="95%">
</div>
 

<div style="padding: 10px;text-align: center; cursor:default; font-weight:bold; font-size:20px;">템빨장인
</div>
 

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

<div style="background: url('https://upload2.inven.co.kr/upload/2018/01/09/bbs/i15688343022.jpg') center / 100% 100% no-repeat; 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; cursor:default;">가입일<br>

<span style="font-weight:bold;">D + 
</span>
 
<span data-inven-dday="2017-08-10" style="font-weight:bold;">
</span>
 
</div>
 
</div>
 
</div>
 

<div style="background: url('https://upload2.inven.co.kr/upload/2018/01/09/bbs/i15610908611.jpg') center / 100% 100% no-repeat; 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/09/bbs/i15609282962.jpg') center / 100% 100% no-repeat; 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>

위의 소스 코드 전체를 복사하여 사용하시면 됩니다.

인벤 인장에 이미지를 업로드 하기 위해서는 

http://studioharu.com/wp-content/uploads/2016/05/20160516hyosung44678.jpg

이렇게 되어있는 외부 링크 이미지들을 인벤 내부 게시판에 올려서

인벤 이미지 주소를 사용하셔야 합니다.

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

(인장용 게시판 링크)

따라서 저는 문의하신 인장 내용을 수정하기 위하여

인장용 이미지 게시판에 새 글을 작성하여 해당 이미지들을 업로드 후,

다시 이미지 주소를 추출하여 사용하였습니다.

http://www.inven.co.kr/board/webzine/4730/7287

(문의하신 글에 삽입된, 총 5개의 이미지를 업로드한 게시글 주소)

그리고 오탈자 수정 및 추가적인 수정사항을 몇가지 적용하였으니

위에 작성한 소스 코드를 사용하시면 됩니다.

추가적인 문의는 댓글이나 새 글로 해주시면 다시 답변 드리겠습니다.