[기타] 마격 발사기 + 인장 검색기 (인벤 스크립트 버전)

▶ 생성기 바로가기 (http://www.inven.co.kr/board/powerbbs.php?come_idx=2652&l=423971)

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

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

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

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

테두리 있는 버전

테두리 없는 버전

소스코드

입력 칸의 테두리가 있는 버전

<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: #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('https://upload2.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('https://upload2.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('https://upload2.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> 

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

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

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

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

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