[기타] '신성의엘린'님이 문의하신 내용에 답변 드립니다.

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

문의하신 내용들에 대해 답변 드립니다.




1. 마무리 일격 결과를 중앙에 출력하는 방법
'data-no-tooltip'과 같은 형태로 data-inven-align ="center"를 입력해 주시면 마무리 일격 결과가 중앙에 표시될 것입니다.
마무리 일격 기능정렬과 관련해서 더욱 다양한 정렬 방법은 상세 가이드를 참고해 주세요.


2. 마격기 끝에 새로운 버튼 삽입 문의
CSS를 조절해 주셔서 원하시는 형태를 만드실 수 있습니다. CSS를 조금 억지로 사용하는 방법으로 추천해 드리지는 않습니다.
아래의 샘플 소스를 참고해 주세요. 아마도 원하시던 결과물과도 다를 것으로 생각되긴 합니다.

□ 샘플 소스

---

<div style="overflow:visible;width:0px;height:0px;position:relative;" data-inven-toggle="exp_table">
<div style="position:relative; top:16px;left:179px;transition: 0.2s; border-color: #000000; border-radius: 0 6 6 0; width: 67px; height: 20px; color: #ffffff; background-color: #000000;text-align:center;font-size:11px;padding-top:5px;overflow:hidden;" data-inven-out-css="{'_SELF_':{'color':'#FFFFFF','backgroundColor':'#000000' }}" data-inven-over-css="{'_SELF_':{'color':'#000000','backgroundColor':'#848484' }}">
경험치표
</div></div>

<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #190707; border-radius: 6px 0px 0px 6px; border: 1px solid #190707; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="" data-no-tooltip="" data-inven-result-detail="" data-inven-nick-default="신성의엘린">

<span data-inven-attr-for="input" style="float: left; width: 70px; font-size: 11px; color: #190707; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span>

<span data-inven-attr-for="button" style="float: left; margin: 0 1 0 0px; padding: 7px 4px 5px 6px; background-color: #190707; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span><span data-inven-attr-for="action-result" data-position="out" style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #190707; border-radius: 6px; border: 1px solid #190707; padding: 4px 6px; font-size: 11px; width: 300px;"></span>

<span style="transition: 0.2s; border-color: #000000; margin: 6px 1px; border-radius: 5px; width: 60px; height: 22px; color: #848484; font-weight: bold; background-color: #000000;" data-inven-attr-for="last-attack-all" data-inven-out-css="{'_SELF_':{'color':'#FFFFFF','backgroundColor':'#000000' }}" data-inven-over-css="{'_SELF_':{'color':'#000000','backgroundColor':'#848484' }}" data-inven-text="마격"></span>

<span style="transition: 0.2s; border-color: #000000; margin: 6px 1px; border-radius: 5px; width: 60px; height: 22px; color: #848484; font-weight: bold; background-color: #000000;" data-inven-attr-for="send-note" data-inven-out-css="{'_SELF_':{'color':'#FFFFFF','backgroundColor':'#000000' }}" data-inven-over-css="{'_SELF_':{'color':'#000000','backgroundColor':'#848484' }}" data-inven-text="쪽지"></span>

<span style="transition: 0.2s; border-color: #000000; margin: 6px 1px; border-radius: 5px; width: 60px; height: 22px; color: #848484; font-weight: bold; background-color: #000000;" data-inven-attr-for="search-profile" data-inven-out-css="{'_SELF_':{'color':'#FFFFFF','backgroundColor':'#000000' }}" data-inven-over-css="{'_SELF_':{'color':'#000000','backgroundColor':'#848484' }}" data-inven-text="검색"></span>

</div>

<div style="display:none;" data-inven-id="exp_table">
경험치 표가 출력 될 것입니다.
</div>


3. 스크롤의 스타일 조절
아마도 <style></style>이 지워져서 해당 태그를 사용하지 못하신 것으로 보이는데요. inline 스타일 요소로 넣어주시면 스크롤 꾸미기도 할 수 있습니다.
다만 최신 브라우저(edge) 등에서는 아예 스크롤 관련 CSS를 제거하여, 이것에 대한 우회방법은 없습니다.

□ 샘플 소스

---

<div style="height: 150px;overflow-y: auto;
scrollbar-face-color:#C8C9FF;
scrollbar-3dlight-color:#C8C9FF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-darkshadow-color:#C8C9FF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#C8C9FF;">
150px이 넘어가면, 정해진 스타일의 스크롤이 표시됩니다.<br>
최신 브라우저는 스크롤 스타일을 지원하지 않을 수 있습니다.
</div>


4. 브라우저 체크 방법
현재 인벤 스크립트에서 해당 기능은 지원하지 않고 있습니다.
모바일에서 데이터가 많이 드는 인장을 잘 보지 않는 경향이 있어서 배제되었는데요.

참 좋은 의견 같아서, 담당 부서에 전달하여 검토해 보도록 하겠습니다.


5. if, if-else, switch 사용 관련
해당 내용은 내부에서도 상당히 많은 고민을 하였는데요. 현재 인벤 스크립트의 문법이 최대한의 타협선(기존 유저들의 인장 기능과 최대한 호환되면서, 어느 정도 웹 초보자들도 사용할 수 있는 수준)이라고 말씀 드릴 수 있겠습니다.
단순한 스크립트라도 일말의 악용의 여지가 있는 이상은 모두 차단하기로 하였습니다.
제한된 기능밖에 제공해 드리지 못하는 점은 항상 죄송합니다.


6. marquee 태그
marquee는 사용하실 수 있습니다. 다만 marquee 태그가 웹 표준이 아닌 관계로 일부 브라우저에서 정상적으로 표시되지 않을 수 있으니 참고해 주세요.


7.인장 여백 관련
유감스럽게도 해당 부분도 여백 제거는 할 수 없습니다. 그리고 이와 관련되어 position:absolute;를 사용하실 수 없습니다.
해당 부분은 인장 밖 광고 악용이나, 운영 정책과 관련되어 있는 부분으로 양해 부탁드립니다.


8. 브라우저 마다 인장의 결과물이 다른 경우
브라우저에 따라 페이지를 구현하는 방식이 달라서 발생하는 문제입니다.
웹 프로그래머들은 브라우저별로 CSS 옵션을 따로 설정하여 해당 문제를 조절하고 있습니다.

-webkit : 구글, 사파리
-moz : 파이어폭스
-ms : 익스플로러
-o : 오페라

CSS 적용 예시
-moz-border-radius:4px;
-webkit-border-radius:5px;

자세한 내용은 '브라우저별 CSS' 등으로 검색하시면 자세한 내용을 확인하실 수 있으실 것입니다.


인벤 스크립트로 넘어가면서 제한되는 기능이 많아져,
원하시는 인장을 구현하시는 데 많은 불편함이 있으신 점은 알고 있습니다.
더욱 소중한 유저 분들의 정보를 지키고, 인벤 사용 간에 불편함을 최소화 하기 위한 부분을 양해 부탁드립니다.

소중한 의견 감사드리며
혹시 원하시던 답변과 다르거나, 이외에도 궁금하신 점은 언제든지 글 남겨주세요.
감사합니다.