[기타] 'RRR'님의 수정된 스크립트 입니다.

안녕하세요.

소스 지원에 앞서서 몇 가지 소스 수정만으로는 힘든 부분도 포함되어 있어서 같이 포함해서 전달 드립니다.

인벤은 "DTD HTML 4.0 Transitional" 문법을 기반으로 합니다. (F12를 눌러서 소스 첫 행 참조) 소스 중에 포함된 HTML5의 문법은 지원되지 않거나 정상적으로 표시되지 않을 수 있습니다. (dt/dl/dd)

class는 인벤에서 명시된 class와 같은 이름을 이용할 경우, 원하시던 형태와 전혀 다르게 출력될 가능성이 있습니다.
현재 문제 되는 클래스는 보이지 않습니다만, 일부 커뮤니티에서는 다르게 출력될 수 있는 점 양해 부탁드립니다.

간편하게 인장을 수정하고 싶어 하시는 분들을 위해 띄어쓰기나 탭의 경우, 그대로 출력되는 경우가 있습니다.
생각보다 띄어쓰기나 탭을 사용해서 글자의 레이아웃을 조정하시는 분들이 많이 계셔서, 이 부분은 수정에 어려움이 있습니다.
그리고 이로 인해, 스타일 도중에 탭이 삽입될 경우 탭 이후의 스타일이 무시되는 문제가 있습니다. (틀 깨짐/일부 스타일 적용 안 됨/오른쪽 메뉴)
※ 이 부분 때문에 전달해 주셨던 원본 소스에서 들여쓰기 줄 넘김을 다수 삭제되었습니다. 참고해 주세요.
원본 소스에서 들여쓰기와 줄넘김만 없애 보시면 차이점이 많이 보이실 것입니다.

폰트는 바로 위에 언급했던 탭 관련 문제로 스타일이 상속되지 않아서 기본 폰트로 출력되는 증상입니다.
다만 웹 폰트를 포함할 수는 없는 관계로, 해당 폰트가 없는 PC에서는 기본 폰트로 출력될 수 있습니다.

보안상의 이슈로 인해 자바스크립트는 사용할 수 없습니다. (onerror)

외부 사이트의 이미지의 경우는 트레픽과 관련된 문제로 읽어오지 못하는 경우가 다수 있습니다. 대표적으로 네이버 블로그, 구글 드라이버, 오유, 티스토리 등의 사이트에서는 외부에서 이미지를 참조해가는 것이 막혀 있습니다. 캐시에 남아 있는 사용자의 경우는 보일 수 있지만(주로 이미지를 올린 본인), 인벤을 통해서 해당 이미지를 처음 호출하는 경우는 표시되지 않을 수 있습니다.

이 경우는 가능한 인벤 인장용 이미지 게시판 등을 이용해, 인벤에 이미지를 올려서 사용하길 권장해 드립니다. (이미지 미표시 관련)
인장용 이미지 게시판 : http://www.inven.co.kr/board/webzine/4730

<style></style> 태그는 악용의 문제가 있어서 제한되어 있습니다.
그나마 인라인 스타일의 작성을 줄이는 방법으로는 스타일 상속(모체 div나 span에서 스타일을 이어받는 식)을 최대한 이용해 주는 것 정도입니다.
이 부분은 불편하시겠지만, 광고 악용등으로 상당히 민감한 부분에 속하고 있어 이해 부탁드립니다.

원하시던 내용과 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.
감사합니다.


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

---

<div style="background-image: url('https://ssl.nx.com/s2/game/maplestory/renewal/common/char_info/char_info_bg.jpg'); background-repeat: no-repeat; background-color:#1c1b2d; font-family:'NanumBarunGothic' , 'Malgun Gothic' , sans-serif; letter-spacing:-0.03em; margin:0; padding:0; list-style:none; border:0;text-decoration:none;">

<div class="logo" style="width:100%; height:75px; overflow:hidden;"><a href="https://maplestory.nexon.com/">
<img src="https://ssl.nx.com/s2/game/maplestory/renewal/common/char_info/logo.png" alt="" style="float:right; margin: 10px 10px 0 0;"></a></div>

<div class="char_img" style="width:212px; height:212px; float:left; margin:36px 0 0 52px; overflow:hidden; background-image:url('https://ssl.nx.com/s2/game/maplestory/renewal/common/char_info/char_img_bg.png'); background-repeat:no-repeat;">

<div style="position:relative; width:100%; height:100%; float:left;">
<img style="margin: 10px 0 0 20px; width:180px; height:180px;" src="http://avatar.maplestory.nexon.com/Character/180/MJPKKALOLHNDEMFGPLBPPDOILKLLBNNNHAIFNIMHMEHBCAMBIJMEABOKDFCGJHLCOPAAIJGMGCLJNKJJJAIJCONNGLCOAFJGHKDGAKLFNCCHLKEHNPOADCDGBODOECFOGOLEMGFDBCLLIODIJOFHMHFGAKNCNHKGAIOHCEJHCIOOMHMDGNIDHNKNFLAPFICLPMLEGHJNEONNOEDGMDNLKNDFDPOOOBHIDFMJPFNCOHMNEAGMBCOJBDFDOAIFHFPF.png" alt="">
</div>
</div>

<div class="lnb_wrap" style="float:right; width:135px; height:298px; margin:34px 0 0 0; background-color:#f68600; border-radius:2px 0 0 2px;">
<ul style="width:135px;list-style:none;margin:0px;">
<li style="line-height:58px; height:58px; width:100%; text-align: center;" >
<a data-inven-over-css="{'_SELF_':{'color':'white'}}" data-inven-out-css="{'_SELF_':{'color':'#ffdcb6'}}" data-inven-action="last-attack-all"
style="text-decoration:none; color:#ffdcb6; font-size:25px; font-weight:bold; text-align: center;transition:0.1s;font-family:'NanumBarunGothic' , 'Malgun Gothic' , sans-serif;" href="#">마무리일격</a></li>
<li style="line-height:58px; height:58px; border-top:2px solid #ff910e;width:100%; text-align: center;">
<a data-inven-over-css="{'_SELF_':{'color':'white'}}" data-inven-out-css="{'_SELF_':{'color':'#ffdcb6'}}"
style="text-decoration:none; color:#ffdcb6; font-size:25px; font-weight:bold; text-align: center;transition:0.1s;font-family:'NanumBarunGothic' , 'Malgun Gothic' , sans-serif;" href="http://www.inven.co.kr/member/note/?act=write&rurl=_close&nick=RRR" target="_blank">쪽지</a></li>
<li style="line-height:58px; height:58px; border-top:2px solid #ff910e;width:100%; text-align: center;">
<a data-inven-over-css="{'_SELF_':{'color':'white'}}" data-inven-out-css="{'_SELF_':{'color':'#ffdcb6'}}"
style="text-decoration:none; color:#ffdcb6; font-size:25px; font-weight:bold; text-align: center;transition:0.1s;font-family:'NanumBarunGothic' , 'Malgun Gothic' , sans-serif;" href="http://imart.inven.co.kr/attendance/" target="_blank">출석체크</a></li>
<li style="line-height:58px; height:58px; border-top:2px solid #ff910e;width:100%; text-align: center;">
<a data-inven-over-css="{'_SELF_':{'color':'white'}}" data-inven-out-css="{'_SELF_':{'color':'#ffdcb6'}}"
style="text-decoration:none; color:#ffdcb6; font-size:25px; font-weight:bold; text-align: center;transition:0.1s;font-family:'NanumBarunGothic' , 'Malgun Gothic' , sans-serif;" href="#">가입일수</a></li>
<li style="line-height:58px; height:58px; border-top:2px solid #ff910e;width:100%; text-align: center;">
<a data-inven-over-css="{'_SELF_':{'color':'white'}}" data-inven-out-css="{'_SELF_':{'color':'#ffdcb6'}}" data-inven-toggle="injang"
style="text-decoration:none; color:#ffdcb6; font-size:25px; font-weight:bold; text-align: center;transition:0.1s;font-family:'NanumBarunGothic' , 'Malgun Gothic' , sans-serif;" href="#">인장</a></li>
</ul>
</div>

<div class="char_info" style=" height:353px; width:350px; clear: left;">
<dl style="float:left; width:100px; margin-top:40px;margin-left:10px;">
<dt style="width:100%;float:left; text-align:center;"><img src="https://ssl.nx.com/s2/game/maplestory/renewal/common/char_info/lv_icon.png" style="margin:0 0 0 -41px;" alt="레벨" /></dt>
<dd style="width:100%; text-align:center; float:left;font-size:19px; color:#fff; margin-top:5px;margin-left:-2px;">LV.194</dd>
</dl>
<dl style="float:left; width:100px; margin-top:40px;">
<dt style="width:100%;float:left; text-align:center;"><img src="https://ssl.nx.com/s2/game/maplestory/renewal/common/char_info/job_icon22.png" alt="직업" /></dt>
<dd style="width:100%; text-align:center; float:left;font-size:19px; color:#fff; margin-top:5px;">직업군/직업이름</dd>
</dl>
<dl style="float:left; width:100px; margin-top:40px;">
<dt style="width:100%;float:left; text-align:center;"><img src="https://ssl.nx.com/s2/game/maplestory/renewal/common/char_info/sv_icon.png" style="margin:0 0 0 -35px;" alt="서버" /></dt>
<dd style="width:100%; text-align:center; float:left;font-size:19px; color:#fff; margin-top:5px;margin-left:-2px;"><img src="https://ssl.nx.com/s2/game/maplestory/maple2007/image/icon/ico_world_nova.gif" alt="" />노바</dd>
</dl>
<div class="level_data" style="width:300px; height:51px; border-top:1px solid #474563; border-bottom:1px solid #474563; float:left; margin-left:10px;margin-top:34px; text-align:center;">
<span style="font-size:16px; color:#fff; line-height:51px; height:51px; margin-right:16px;">인겜닉네임</span>
</div>
</div>
<div class="menu_select" data-inven-id="injang" style="display:none;">
<div style="text-align:center;">

<!--이미지 1-->
<img style="max-width:50px; max-height:50px;"
src="https://static.inven.co.kr/column/2015/11/11/news/i13437968781.jpg"
data-inven-over-css="{'img_book':{'background':'url(https://static.inven.co.kr/column/2015/11/11/news/i13437968781.jpg)',
'background-repeat':'no-repeat','height':'300px','background-size':'100%','background-position':'top center'}}">

<!--이미지 2-->
<img style="max-width:50px; max-height:50px;"
src="https://static.inven.co.kr/column/2015/11/11/news/i13477508238.jpg"
data-inven-over-css="{'img_book':{'background':'url(https://static.inven.co.kr/column/2015/11/11/news/i13477508238.jpg)',
'background-repeat':'no-repeat','height':'300px','background-size':'100%','background-position':'top center'}}">

<!--이미지 3-->
<img style="max-width:50px; max-height:50px;"
src="https://static.inven.co.kr/column/2015/11/11/news/i13494117394.jpg"
data-inven-over-css="{'img_book':{'background':'url(https://static.inven.co.kr/column/2015/11/11/news/i13494117394.jpg)',
'background-repeat':'no-repeat','height':'300px','background-size':'100%','background-position':'top center'}}">

</div><br />


<!--이미지가 표시될 상자 & 최초 이미지-->
<div data-inven-id="img_book" style="background:url(https://static.inven.co.kr/column/2015/11/11/news/i13437968781.jpg);
width:445px;height:300px;background-size:100%;background-position:top center;"></div>
</div>
</div>