"앗!! 자바스크립트가 막히게 되면 마격기랑 검색기가 모두 안되잖아?!"

당황하지 마시고 새로운 인벤 스크립트 버전으로 바꿔봅시다 ^---^

원래 마격기와 검색기를 사용하지 않으시던 분들도 이참에 귀여운 마격기 하나 달아보세요!



결과물은 이렇게 생겼어요.

테두리 있는 버전


테두리 없는 버전




소스코드


입력 칸의 테두리가 있는 버전
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('http://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail>
<span data-inven-attr-for="input" style="float: left; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #fbb2ab; padding: 0 2px; height: 17px;"></span>
<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #fbb2ab; 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('http://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; padding: 4px 6px; font-size: 11px; width: 300px;"></span>
</div> 

입력 칸의 테두리가 없는 버전
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('http://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail>
<span data-inven-attr-for="input" style="float: left; width: 130px; font-size: 11px; color: #fbb2ab; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span>
<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #fbb2ab; 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('http://optimal.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; padding: 4px 6px; font-size: 11px; width: 300px;"></span>
</div> 




자바스크립트가 막히면 생성기도 작동을 안하게 됩니다.

아쉽지만 아래의 방법을 따라해서 발사기+검색기를 꾸며주세요.

변화 없이 저와 똑같은 마격 발사기 + 인장 검색기를 쓰시려면 위 코드만 복사해가셔도 됩니다 ^---^




왼쪽, 가운데, 오른쪽 정렬하기

소스코드 라고 쓰여진 부분에는 맨 위의 저 소스코드를 복사해서 붙여넣으시면 돼요!

<div style="text-align: left"> 소스코드 </div>

왼쪽 정렬은 left, 가운데 정렬은 center, 오른쪽 정렬은 right를 써넣으면 됩니다.




다른 색으로 바꾸기

저는 인장의 테마를 메우의 분홍색으로 정했기 때문에 #fbb2ab라는 색상 코드를 사용했어요.

만약 다른 색상의 테마로 바꾸고 싶으시면 소스코드에서 "#fbb2ab"라는 글자를 찾아서 다른 색상 코드나 색상 이름으로 바꿔주세요.





원하는 버튼만 배치하기

공지에도 나와있듯이,

last-attack-1 : 마무리 일격 한 번 실행
last-attack-5 : 마무리 일격 5번 실행
last-attack-10 : 마무리 일격 10번 실행
last-attack-20 : 마무리 일격 20번 실행
last-attack-all : 마무리 일격 모두 소진하여 실행
search-profile : 인장 검색 (새 창에서 인장 열기)

이렇게 되어있습니다.

만약 마격 5방, 마격 10방, 마격 전부, 검색 버튼 순으로 배치를 하고 싶으시면

소스코드에서 data-inven-action를 찾아서 따옴표 안의 내용을

data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile"

이렇게 넣어주시면 됩니다.





※ 잘 안되는 부분이 있으면 댓글로 남겨주세요.