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

문의하신 소스를 전달해 드립니다.

다각형에 붙는 링크의 경우는 이미지 자체로는 불가능하여, 이미지 맵 기능을 이용하였습니다.
그 과정에서 3장의 이미지를 하나로 합쳐서 진행하였으니, 수정시에는 아래의 글을 참조해 주세요.

http://www.inven.co.kr/board/powerbbs.php?come_idx=4712&l=473

혹시 원하시던 형태와 다르거나, 이외에도 궁금하신 내용은 언제든지 글 남겨주세요.

감사합니다.



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

<!-- 전체 배경 -->
<div style="width:450;min-height:400px;background:url(http://upload2.inven.co.kr/upload/2017/01/05/bbs/i13323110417.png) no-repeat left top / 100%;text-align:center;">

<!-- 마격 발사기 -->
<div style="text-align:right;">
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-top: 16px; margin-left: 6px; color: #df3737; border-radius: 6px; border: 1px solid #ff9090; overflow: hidden; font-size: 11px; padding: 0;" data-inven-align="right" data-inven-nick-default="다꼬리" data-inven-result-detail="" data-no-tooltip="" data-inven-action="last-attack-10,last-attack-all,search-profile">
<span style="float: left; width: 130px; font-size: 11px; color: #ff9090; padding: 0 4px; height: 21px; line-height: 21px; border: 0;" data-inven-attr-for="input"></span>
<span style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #ff9090; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;" data-inven-attr-for="button"></span>
</div>
</div>

<!-- 우측 메뉴 -->
<div style="text-align:right;">
<img src="http://upload2.inven.co.kr/upload/2017/01/05/bbs/i14713250815.png" style="padding:10px 0px;" usemap="#sumap">
</div>

<!-- 메뉴 이미지 맵 -->
<map name="sumap">
<area shape="poly" coords="4,4,223,4,223,109,4,77" href="http://www.inven.co.kr/board/powerbbs.php?come_idx=4730&l=1096" target="_BLANK" />
<area shape="poly" coords="4,86,4,199,223,179,223,119" href="http://blog.naver.com/byul5ss" target="_BLANK" />
<area shape="poly" coords="3,208,3,292,223,292,223,188" data-inven-toggle="desc" target="_BLANK" />
</map>


<!-- 텍스트 상자 -->
<div data-inven-id="desc" style="display:none;border-radius:10px;border:2px solid #ff9090;background-color:rgba(255,255,255,0.3);text-align:center;line-height:150%;padding:0.4em;font-size:12px;font-famliy:sans-serif;">
-인장신청양식-<br>
01. "새길 닉네임"<br>
02. "원하는 타입"<br>
03. "캐릭터의 이미지" 혹은 "캐릭터의 이름과 작품명"<br>
을 쪽지로 문의 보내주세요.<br>
문의쪽지 ▷ 확인&답장 ▷ 제작 ▷ 완성 후 인장 전달 ▷ 필요시 수정 ▷ 이니입금<br>
</div>

</div>