답변입니다. | 웹진 인벤

커뮤니티메뉴

로그인 전체서비스

인벤 스크립트 게시판

전체보기

글쓰기

모바일 상단 메뉴

본문 페이지

[기타] 답변입니다.

Want

댓글: 2 개

추천: 3

2017-11-18 14:48:33

원래 인장에서 탭 3 부분만 정리해보면

<div style="display: none;" data-inven-id="list-item-4"><img width="16" src="https://upload2.inven.co.kr/upload/2016/06/14/bbs/i11210266453.jpg" border="0" style=""> <br>용접마스터</div>

</a>

</div>

</div></div></div>

이렇게 됩니다.

이미지의 가로길이가 16으로 고정되어 있지요?

이걸 100%로 수정하게 되면 바깥 태그의 가로길이에 꽉 차게 들어갑니다.

마찬가지로, 예를 들어 좀 더 작게 하고 싶다면 90%,

절댓값을 넣고 싶다면 200px 등등

원하시는 값으로 수정하시면 됩니다.

아래는 100%로 수정된 전체 소스입니다.

<div style="background: url("https://upload2.inven.co.kr/upload/2016/01/10/bbs/i12076454201.jpg"); font-size: 11px;"><div style="background: url("https://upload2.inven.co.kr/upload/2016/01/10/bbs/i12201872242.png") no-repeat 0px bottom; min-height: 400px;"><div style="padding: 4px 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");"><div style="background: url("http://www.randomurl.ze.am/e/jd.php?d=2011-05-01%2015:27:00&c=0033ff#.png"); height: 20px;"></div></div><div style="padding: 0px; border-radius: 6px; border: 1px solid #0033ff; border-image: none; color: #0033ff; overflow: hidden; font-size: 11px; margin-top: 16px; margin-left: 6px; display: inline-block; -ms-zoom: 1; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");" data-inven-action="last-attack-10,last-attack-all,search-profile" data-no-tooltip="" data-inven-result-detail="" data-inven-nick-default="연희a"><span style="margin: 2px 1px 0px 4px; padding: 0px 2px; width: 80px; height: 17px; color: #0033ff; font-size: 11px; float: left;" data-inven-attr-for="input"></span><span style="margin: 0px 0px 0px 1px; padding: 6px 4px 4px; border: 0px currentColor; border-image: none; height: auto; color: white; line-height: 100%; font-size: 11px; float: left; background-color: #0033ff;" data-inven-attr-for="button"></span><span style="padding: 4px 6px; border-radius: 6px; border: 1px solid #0033ff; border-image: none; width: 300px; color: #0033ff; font-size: 11px; margin-top: 2px; margin-left: 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");" data-inven-attr-for="action-result" data-position="out"></span></div><div style="padding-top: 16px;" data-inven-tabs=""><div style="float: left;"><div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #0033ff;" data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}"><div style="background: url("https://upload2.inven.co.kr/upload/2016/01/10/bbs/i13942531279.gif") no-repeat center; width: 14px; height: 16px; margin-left: -2px;"></div></div><div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #0033ff;" data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">검은사막</div><div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #0033ff;" data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">착용장비</div><div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #0033ff;" data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">받은 인장</div><div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #0033ff;" data-inven-tab-for="4" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">다이어리</div></div><div style="padding-bottom: 12px; margin-top: 6px; margin-left: 30px; min-height: 400px;"><div data-inven-tab-id="0"><div style="border-radius: 6px; border: 1px solid #0033ff; border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");"><div style="padding: 4px 8px; text-align: left; font-weight: bold; border-bottom-color: #0033ff; border-bottom-width: 1px; border-bottom-style: solid;"><span style="line-height: 19.8px; font-family: gulim, 굴림, Helvetica; font-weight: normal;">지상최고절세미녀 이연희 팬입니다.</span></div><div style="padding: 4px 8px; line-height: 180%;"><div style="margin: 4px 0px;"><div style="margin: 4px 0px; padding: 0px; border: 0px currentColor; border-image: none; height: auto; text-align: left; line-height: 19.8px; float: none;"><span style="color: #0033ff; font-family: gulim, 굴림, Helvetica; background-color: initial;">♡ 길드명 = 관리직</span></div><div style="margin: 4px 0px; padding: 0px; border: 0px currentColor; border-image: none; height: auto; text-align: left; line-height: 19.8px; float: none;"><span style="color: #0033ff; font-family: gulim, 굴림, Helvetica; background-color: initial;">♡ 가문명 = 문라이드</span></div><div style="margin: 4px 0px; padding: 0px; border: 0px currentColor; border-image: none; height: auto; text-align: left; line-height: 19.8px; float: none;"><span style="color: #0033ff; line-height: 19.8px; font-family: gulim, 굴림, Helvetica;">♡ 캐릭터 = 미녀연희 (Lv59)</span></div><div style="margin: 4px 0px; padding: 0px; border: 0px currentColor; border-image: none; height: auto; text-align: left; line-height: 19.8px; float: none;"><span style="color: #0033ff; line-height: 19.8px; font-family: gulim, 굴림, Helvetica;">♡ 조련캐 = 여고 (Lv16)</span></div><div style="margin: 4px 0px; padding: 0px; border: 0px currentColor; border-image: none; height: auto; text-align: left; line-height: 19.8px; float: none;"><font color="#0033ff" face="gulim, 굴림, Helvetica"><br></font><br><br><div style="text-align: right;"><font color="#999999">Designed by 메우</font></div></div></div></div></div></div><div style="display: none;" data-inven-tab-id="1"><div style="border-radius: 6px; border: 1px solid #0033ff; border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");"><div style="padding: 4px 8px; color: #0033ff; border-bottom-color: #0033ff; border-bottom-width: 1px; border-bottom-style: solid;">플레이 기록</div><div style="padding: 4px 8px; line-height: 180%;"><div style="margin: 4px 0px;"><div style="color: #f781f3;">2015.12.27 미녀연희 START<br>2016.01.30 Lv57 달성 152/137<br>2016.02.05 고 리베르토의 장궁 직작<br>2016.02.19 봉인된 크자카의 무기 상자 획득<br>2016.03.07 고 기아스의 투구 직작<br>2016.03.08 누베르의 봉인된 보조 무기 상자 획득<br>2016.03.15 단델리온 무기 상자 획득<br>2016.03.19 봉인된 크자카의 무기 상자 획득<br>2016.04.09 고 누베르의 단검 직작<br>2016.04.23 고 베그의 장갑 직작<br>2016.05.04 Lv58 달성 185/250<br>2016.05.17 고 그림자의 징표 직작<br>2016.05.18 고 그림자의 징표 직작<br>2016.05.20 단델리온 무기 상자 획득<br>2016.05.21 고 마녀의 귀걸이 직작<br>2016.05.23 고 단델리온 정령검 직작<br>2017.06.16 고 툰그 49+10 성공<br>2017.06.16 고 바실 42+10 성공<br>2017.08.19 고 오반 45+10 성공<br></div></div></div></div></div><div style="display: none;" data-inven-tab-id="2"><div style="border-radius: 6px; border: 1px solid #0033ff; border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");"><div style="padding: 4px 8px; color: #0033ff; font-weight: bold; border-bottom-color: #0033ff; border-bottom-width: 1px; border-bottom-style: solid;"><b><font face="Arial">♡</font></b> 착용장비</div><div style="padding: 4px 8px; line-height: 180%;"><div style="margin: 4px 0px;"><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 기본무기 = </span><span style="color: #ff9900; line-height: 19.8px;">IV 유: 크자카 태도</span><span style="color: #ff9900; line-height: 19.8px;"> </span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 각성무기 = </span><span style="color: #ff9900; line-height: 19.8px;">IV 유: 단델리온 베디안트</span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 보조무기 =</span><span style="line-height: 19.8px;"> </span><span style="color: #ff9900; line-height: 19.8px;">IV 유: 쿠툼 장식 매듭</span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 허리띠 =</span><span style="line-height: 19.8px;"> <font color="#ff9900">lll 고: 바실리스크의 허리띠</font></span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 목걸이 =</span><span style="line-height: 19.8px;"> </span><span style="color: #ff9900; line-height: 19.8px;">lll 고: 오우거의 반지</span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 귀걸이 = </span><span style="color: #ff9900; line-height: 19.8px;">lll 고: 툰그, <span style="color: #0b5394; line-height: 19.8px;">lll 고: 칼크</span></span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 반지 =</span><span style="line-height: 19.8px;"> </span><span style="color: #ff9900; line-height: 19.8px;">lll 고: 초승, <span style="color: #0b5394; line-height: 19.8px;">IV 유: 그림자</span></span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 투구 =</span><span style="line-height: 19.8px;"> </span><span style="color: #ff9900; line-height: 19.8px;">I 장: 기아스의 투구</span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 상의 = </span><span style="color: #ff9900; line-height: 19.8px;">I 장: 우둔한 나무 정령의 갑옷</span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 장갑 = </span><span style="color: #ff9900; line-height: 19.8px;">I 장: 베그의 장갑</span></div><div style="margin: 0px; padding: 4px 8px; border: 0px currentColor; border-image: none; height: auto; line-height: 19.8px; font-family: gulim, 굴림, Helvetica; float: none;"><b style="line-height: 15.4px; font-family: 굴림;"><font face="Arial">♡</font></b><span style="line-height: 19.8px;"> 신발 = </span><span style="color: #ff9900; line-height: 19.8px;">l 장: 머스칸의 신발</span></div></div></div></div></div>

<div style="display: none;" data-inven-id="list-item-4"><img width="100%" src="https://upload2.inven.co.kr/upload/2016/06/14/bbs/i11210266453.jpg" border="0" style=""> <br>용접마스터</div>

</a>

</div>

</div></div></div>

<div style="display: none;" data-inven-tab-id="4"><div style="border-radius: 6px; border: 1px solid rgb(0, 51, 255); width: 216px; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");"><div style="padding: 4px 8px; color: #0033ff; font-weight: bold; border-bottom-color: #0033ff; border-bottom-width: 1px; border-bottom-style: solid;">Yeonis Diary</div><div style="padding: 4px 8px; line-height: 180%;"><span style="line-height: 19.5px; font-size: 13px;"><a href="http://blog.naver.com/buns100" target="_blank">http://blog.naver.com/buns100</a></span><img width="100%" src="http://kstatic.inven.co.kr/upload/2017/11/18/bbs/i14078749673.png" style=""><br><br>관리 못하는 남자의 관리 안하는 블로그</div></div></div></div></div></div></div>

HTML 편집 모드에서 웹에디터 모드로 돌아올 경우,

자동으로 이미지 사이즈가 변환되는 현상이 있네요.

이 부분에 대해서 말씀하신 것 같은데,

HTML 편집 모드에서 돌아올 경우 자동 변환되는 과정에서 생기는 현상 중 하나인 것 같습니다.

저 소스를 HTML 모드에 복붙 하시고, 웹에디터 모드로 돌아오지 말고 그대로 저장해보세요.

추후 소스를 편집할 때도 텍스트 파일로 따로 보관하고 수정하여

인벤토리에서는 HTML 편집 모드에 붙여넣기만 하여 바로 저장하시는 걸 추천드립니다.

차이점 예시)

1. HTML 편집모드에서 웹에디터로 돌아와 저장한 경우

========================================

검은사막

착용장비