"앗!! 자바스크립트가 막히게 되면 마격기랑 검색기가 모두 안되잖아?!"
당황하지 마시고 새로운 인벤 스크립트 버전으로 바꿔봅시다 ^---^
원래 마격기와 검색기를 사용하지 않으시던 분들도 이참에 귀여운 마격기 하나 달아보세요!
결과물은 이렇게 생겼어요.
테두리 있는 버전
테두리 없는 버전
소스코드
입력 칸의 테두리가 있는 버전
<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>
자바스크립트가 막히면 생성기도 작동을 안하게 됩니다.
아쉽지만 아래의 방법을 따라해서 발사기+검색기를 꾸며주세요.
변화 없이 저와 똑같은 마격 발사기 + 인장 검색기를 쓰시려면 위 코드만 복사해가셔도 됩니다 ^---^
왼쪽, 가운데, 오른쪽 정렬하기
소스코드 라고 쓰여진 부분에는 맨 위의 저 소스코드를 복사해서 붙여넣으시면 돼요!