예시이미지




소스코드

<br>
<div style="position:relative;width:720px;overflow:hidden;border:1px solid #79c8e7;background:#091c32;text-align:left;color:#edfaff;box-shadow:0 10px 35px #04122255;">
<div style="position:absolute;inset:0;background:radial-gradient(ellipse at 25% 45%,#1a6890 0%,#113951 35%,#091c32 70%);"></div>
<div style="position:absolute;left:40px;top:38px;width:300px;height:300px;border:1px solid #b0edff44;transform:rotate(45deg);box-shadow:0 0 0 14px #8ddcff08,0 0 45px #4fbdff33;"></div>
<div style="position:absolute;left:12px;top:12px;right:12px;bottom:12px;border:1px solid #8bddff44;pointer-events:none;"></div>
<div style="position:absolute;left:30px;top:26px;color:#a9d8ea;font-size:9px;letter-spacing:3px;">MAPLESTORY / EXPLORER</div>
<img src="https://upload3.inven.co.kr/upload/2026/09/22/bbs/i1419816301281154.png?MW=800" alt="썬콜" style="position:absolute;left:5px;top:49px;width:385px;height:auto;border:0;">
<div style="position:absolute;left:26px;bottom:28px;color:#98d6f2;font-size:11px;letter-spacing:3px;">ICE <span style="color:#5b90c6;">/</span> LIGHTNING</div>
<div style="position:relative;margin-left:397px;padding:43px 30px 35px 0;min-height:364px;">
<div style="font-size:11px;letter-spacing:3px;color:#8edcf8;">냉기와 전류의 마법사</div>
<div style="margin-top:13px;font-family:Batang,serif;font-size:52px;line-height:1.15;font-weight:bold;color:#f3fcff;text-shadow:0 0 24px #8edfff55;">썬콜</div>
<div style="margin-top:9px;font-size:10px;letter-spacing:3px;color:#72afd2;">ARCH MAGE</div>
<div style="margin-top:18px;font-family:Batang,serif;font-size:13px;line-height:1.9;color:#bfdbea;">얼어붙은 순간,<br>번개가 내리꽂힌다.</div>
<div style="height:1px;margin:20px 0 16px;background:linear-gradient(90deg,#a6edff,#57a9e722,transparent);"></div>
<div style="margin-bottom:9px;font-size:10px;letter-spacing:3px;color:#99d9f1;">LAST ATTACK</div>
<div data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip="" data-inven-result-detail="" data-inven-nick-default="여기에 인벤 닉네임" style="display:inline-block;width:291px;font-size:14px;">
<span data-inven-attr-for="input" style="display:block;width:265px;height:38px;line-height:38px;margin-bottom:8px;padding:0 12px;border:1px solid #588cac;background:#102c44;color:#f0fbff;font-size:16px;"></span>
<span data-inven-attr-for="button" style="display:inline-block;margin:3px 4px 3px 0;padding:10px 10px;border:1px solid #84d6ef;background-color:#235d87;color:#f0fdff;font-size:13px;line-height:100%;height:auto;"></span>
<span data-inven-attr-for="action-result" data-position="out" style="display:block;clear:both;margin-top:10px;padding:8px 10px;border-left:2px solid #9dddf7;background:#10283d;color:#c4e6f5;font-size:12px;line-height:1.5;"></span>
</div>
</div>
</div>
<br>