[기타] '연희a'님이 문의하신 소스입니다.

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

올려주신 내용을 바탕으로 수정된 스크립트를 전달 드립니다.

아래 내용을 참고부탁드립니다.

1. 빨간 원 표시 한 부분
- br 태그가 a 태그 안에 있어서 a 태그의 스타일 영향으로 줄바꿈시 밑줄이 생김.
대신 style 속성에 margin 추가.

2. 받은인장 탭에서의 이미지가 왼쪽으로 정렬 되있는걸 가운데 정렬
- 이미지를 감싼 요소에 text-align:center style 속성 추가

3. 받은인장 탭에서 이미지를 누르지 않았는데 이미 열려 있음
- 해당 탭 요소에 display:none style 속성 추가

4. 수정할때마다 받은 인장, 다이어리등 탭들에 들어가는 이미지들이 16크기로 고정이 돼있음
- 에디터가 이미지 크기를 조정하는 기능이 있는데 이 기능의 영향을 받음. 일단 영향을 받지 않도록 스타일 변경. 참고 url : http://www.inven.co.kr/board/webzine/2652/465652


감사합니다.


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

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90

<div style="background: url('https://optimal.inven.co.kr/upload/2016/01/10/bbs/i12076454201.jpg'); font-size: 11px;"> <div style="background: url('https://optimal.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://optimal.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&amp;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://optimal.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://optimal.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://optimal.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://optimal.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;">♡ 캐릭터 = 미녀연희 (Lv62)</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;">♡ 조련캐 = 여고 </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://optimal.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>2018.10.05 Lv 61 달성<br>2018.10.06 유 누베르의 단검 성공 <br>2018.10.06 유 단델리온 정령검 성공<br>2018.10.06 유 오핀 테트의 빛 장궁 성공<br>2018.10.10 유 바실리스크의 허리띠 성공<br>2018.10.14 유 그리폰의 투구 성공<br>2018.10.30 유 기아스의 투구 성공<br>2018.11.03 유 우둔한 나무 정령의 갑옷 성공<br>2018.11.04 유 우르곤의 신발 성공<br>2018.11.05 유 베그의 장갑 성공<br>2018.12.04 Lv 62 달성<br>2019.01.01 유 초승달의 반지 성공<br>2019.01.01 유 초승달의 반지 성공<br>2019.01.31 아두아나트 성공 (+22)<br>2019.02.25 유 라이텐의 동력석 성공<br>2019.03.02 유 나크의 귀장식 성공<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://optimal.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;">&nbsp;기본무기 =&nbsp;</span><span style="color: #ff9900; line-height: 19.8px;">IV 유: 오핀 테트의 빛 장궁</span><span style="color: #ff9900; line-height: 19.8px;">&nbsp;</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;">&nbsp;각성무기 =&nbsp;</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;">&nbsp;보조무기 =</span><span style="line-height: 19.8px;">&nbsp;</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;">&nbsp;허리띠 =</span><span style="line-height: 19.8px;">&nbsp;<font color="#ff9900">IV 유: 바실리스크의 허리띠</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;">&nbsp;목걸이 =</span><span style="line-height: 19.8px;">&nbsp;</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;">&nbsp;귀걸이 =&nbsp;</span><span style="color: #ff9900; line-height: 19.8px;">IV 유: 툰귀, <span style="color: #ff9900; 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;">&nbsp;반지 =</span><span style="line-height: 19.8px;">&nbsp;</span><span style="color: #ff9900; line-height: 19.8px;">IV 유: 초승달 수호자의 반지 x2</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;">&nbsp;투구 =</span><span style="line-height: 19.8px;">&nbsp;</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;">&nbsp;상의 =&nbsp;</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;">&nbsp;장갑 =&nbsp;</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;">&nbsp;신발 =&nbsp;</span><span style="color: #ff9900; line-height: 19.8px;">IV 유: 우르곤의 신발</span></div> </div> </div> </div> </div> <div style="display: none;" data-inven-tab-id="3"> <div style="border-radius: 6px; border: 1px solid rgb(0, 51, 255); width: 349px; padding: 0 8px; display: inline-block; background-image: url('https://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png');"> <div style="padding:4px 8px; margin:0 -8px; color: #0033ff; font-weight: bold; border-bottom-color: #0033ff; border-bottom-width: 1px; border-bottom-style: solid;">클릭 시 인장이 열립니다.</div> <div style="padding:4px 0; line-height: 180%; text-align:center;"> <a href="#" data-inven-toggle="title"><img src="https://optimal.inven.co.kr/upload/2016/06/14/bbs/i13157208966.gif" style="width:300px;"> </a> <div data-inven-id="title" style="display:none;"> <a href="#" data-inven-list="list-item-1,list-item-2,list-item-3,list-item-4" data-list-id="list-item-1"> <div data-inven-id="list-item-1" style=""><img width="300" src="https://optimal.inven.co.kr/upload/2016/06/14/bbs/i10951272911.png" border="0" style="display:block;width:300px;margin:0 auto 0.6em;"> 장누리 </div> <div style="display: none;" data-inven-id="list-item-2"><img width="300" src="https://optimal.inven.co.kr/upload/2016/06/14/bbs/i10977206511.png" border="0" style="display:block;width:300px;margin:0 auto 0.6em;"> 장누리 </div> <div style="display: none;" data-inven-id="list-item-3"><img width="300" src="https://optimal.inven.co.kr/upload/2016/06/14/bbs/i12793398049.jpg" border="0" style="display:block;width:300px;margin:0 auto 0.6em;"> 슌대 </div> <div style="display: none;" data-inven-id="list-item-4"><img width="300" src="https://optimal.inven.co.kr/upload/2016/06/14/bbs/i11210266453.jpg" border="0" style="display:block;width:300px;margin:0 auto 0.6em;"> 용접마스터</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: 200px; display: inline-block; background-image: url('https://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png');padding: 0 8px;"> <div style="padding:4px 8px; margin:0 -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 0;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 src="https://optimal.inven.co.kr/upload/2017/11/18/bbs/i14078749673.png" style="width:200px;"><br><br>관리 못하는 남자의 관리 안하는 블로그</div> </div> </div> </div> </div> </div> </div>