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

문의하셨던 4건에 대해 답변 드립니다.


1. 일부 내용이 세로로 표시되는 현상
문의하신 내용은 띄어쓰기 때문에 발생한 문제입니다.
소스 편집의 용이함을 위해 들여쓰기를 이용하고 계신데요. Tab의 경우는 자동으로 지워지지만, 띄어쓰기의 경우 일부 유저분들이 위치를 맞추는 데 이용하고 계셔서 그대로 출력되게 되어 있습니다.
미리 보기의 경우는 현재 해당 부분으로 불편함을 말씀하신 분이 있어서 수정 중에 있습니다. 띄어쓰기만 지워주시면 정상적으로 출력될 것입니다.


2. 링크를 걸었을 때 새 창에 띄우는 방법
<a href="주소">버튼</a>를 이용하여 링크를 걸어주셨는데요. a 뒤에 target="_BLANK"를 추가해 주시면 링크를 새 창에 띄울 수 있습니다.
<a target="_BLANK" href="주소">버튼</a>


3. 링크에 색상을 변경하는 방법
위와 마찬가지로 <a target="_BLANK" href="주소">버튼</a>속에 스타일을 추가해 주시면 됩니다. 밑줄을 없애고 핑크색으로 변경한다고 하면 style="text-decoration:none;color:#ff72cf;" 을 추가해 주시면 됩니다.
<a target="_BLANK" href="주소" style="text-decoration:none;color:#ff72cf;">버튼</a>

글자 꾸미기와 관련된 다양한 스타일(배경색, 크기, 굵기 등)은 아래의 주소를 참고해 주세요.
http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&iskin=webzine&l=1165



4. 무작위 배경 이미지
해당 기능은 '메우'님이 배포하고 있는 '랜덤 이동 주소 생성' 기능을 이용해 주셔야 합니다.
아래에 주소에서 무작위로 출력될 이미지 주소를 전부 입력해 주시고, 그 결과로 생성된 주소를 배경 주소로 넣어 주시면 무작위 배경을 이용하실 수 있습니다.

이와 관련되어 구체적인 답변을 드리지 못하는 점은 양해 부탁드립니다.

http://www.randomurl.ze.am/


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



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

<div style="border: 4px solid #ff72cf">
<div style="background: url('http://www.randomurl.ze.am/?id=RC226nGKWwj'); font-size: 11px;">
<div style="background: url('http://www.randomurl.ze.am/?id=t4PHNMQBkb6') no-repeat right bottom; min-height: 500px;">
<div style="background-image: url('http://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;">
<div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2010-11-02 17:24:35&c=ff72cf#.png'); height: 20px;"></div>
</div>
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('http://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #ff72cf; border-radius: 6px; border: 1px solid #ff72cf; 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: #ff72cf; 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: #ff72cf; 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://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #ff72cf; border-radius: 6px; border: 1px solid #ff72cf; padding: 4px 6px; font-size: 11px; width: 300px;"></span>
</div>
<div data-inven-tabs style="padding-top: 16px;">
<div style="float: left;">
<div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #ff72cf; color: white; cursor: pointer;">♪</div>
<div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #ff72cf; color: white; cursor: pointer;">인벤 팁</div>
<div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #ff72cf; color: white; cursor: pointer;">임선장</div>
<!--새 버튼 추가하는 곳-->
</div>
<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;">
<div data-inven-tab-id="1" style="min-height: 300px;"><!--메뉴 1 내용-->
<div style="display: block; width: 204px; background-image: url('http://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #ff72cf;">
<div style="border-bottom: 1px solid #ff72cf; color: #ff72cf;padding: 4px 8px; font-weight: bold;">인벤 TIP</div>
<div style="padding: 4px 8px;">
<a target="_BLANK" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4626&l=1" style="text-decoration:none;color:#ff72cf;"> 인벤 레벨업 가이드 </a> <br />
<a target="_BLANK" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4626&l=5" style="text-decoration:none;color:#ff72cf;"> 인벤 각종 꿀팁 </a> <br />
<a target="_BLANK" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=2652&iskin=lol&l=218341" style="text-decoration:none;color:#ff72cf;"> 광고 클릭 꿀팁 </a> <br />
<a target="_BLANK" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&name=subject&keyword=%EB%A7%81%ED%81%AC&l=171" style="text-decoration:none;color:#ff72cf;"> 인장만들기 꿀팁 </a> <br />
</div>
</div>
</div>

</div>
</div>
<!--새 내용 추가하는 곳-->
</div>
</div>
</div>
</div>