[기타] [마격기 공유] D4-02

디아블로4 클래스별 인장에 맞춰 원버튼 마격기를 만들어보았습니다.

 

네임플레이트의 왼쪽, 마름모꼴 공간에 마격 버튼이 위치하고

클릭시 마격을 모두 사용하게 됩니다.

아래 이미지를 확인하시고 취향껏 선택하셔서

스크립트의 "닉네임" 부분만 사용하실 닉네임으로 변경하시고

인장에 적용하시면 됩니다.

추천 눌러주시면 감사하겠습니다. +_+

혼령사

<div style="width: 300px; height: 105px; margin: 0 auto; background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i1188242685.png?MW=300') no-repeat center; background-size: cover; position: relative;">

<div data-inven-action="" data-inven-nick-default="닉네임" data-no-tooltip="" data-inven-result-detail="" style="margin: 0; padding: 0; color: white; font-weight: bold; font-size: 18px; width: 160px; height: 30px; position: absolute; top: 50%; left: 65%; transform: translate(-50%, -50%); text-align: center; border: 0px; solid transparent; background-color: transparent;">

<span data-inven-attr-for="input" style="-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; float: right; text-align: center; width: 160px; height: 30px;">

</span>

<span data-inven-attr-for="last-attack-all" style="background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i0236321994.gif') no-repeat; color: rgba(0,0,0,0);background-color: rgba(0,0,0,0); border: 0px; display: inline-block; width: 80px; height: 80px; position: absolute; top: -20px; left: -101px;">

</span>

</div>

</div>

강령술사

<div style="width: 300px; height: 105px; margin: 0 auto; background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i1974966691.png?MW=300') no-repeat center; background-size: cover; position: relative;">

<div data-inven-action="" data-inven-nick-default="닉네임" data-no-tooltip="" data-inven-result-detail="" style="margin: 0; padding: 0; color: white; font-weight: bold; font-size: 18px; width: 160px; height: 30px; position: absolute; top: 50%; left: 65%; transform: translate(-50%, -50%); text-align: center; border: 0px; solid transparent; background-color: transparent;">

<span data-inven-attr-for="input" style="-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; float: right; text-align: center; width: 160px; height: 30px;">

</span>

<span data-inven-attr-for="last-attack-all" style="background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i0236321994.gif') no-repeat; color: rgba(0,0,0,0);background-color: rgba(0,0,0,0); border: 0px; display: inline-block; width: 80px; height: 80px; position: absolute; top: -20px; left: -101px;">

</span>

</div>

</div>

도적

<div style="width: 300px; height: 105px; margin: 0 auto; background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i1809104768.png?MW=300') no-repeat center; background-size: cover; position: relative;">

<div data-inven-action="" data-inven-nick-default="닉네임" data-no-tooltip="" data-inven-result-detail="" style="margin: 0; padding: 0; color: white; font-weight: bold; font-size: 18px; width: 160px; height: 30px; position: absolute; top: 50%; left: 65%; transform: translate(-50%, -50%); text-align: center; border: 0px; solid transparent; background-color: transparent;">

<span data-inven-attr-for="input" style="-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; float: right; text-align: center; width: 160px; height: 30px;">

</span>

<span data-inven-attr-for="last-attack-all" style="background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i0236321994.gif') no-repeat; color: rgba(0,0,0,0);background-color: rgba(0,0,0,0); border: 0px; display: inline-block; width: 80px; height: 80px; position: absolute; top: -20px; left: -101px;">

</span>

</div>

</div>

드루이드

<div style="width: 300px; height: 105px; margin: 0 auto; background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i1557288415.png?MW=300') no-repeat center; background-size: cover; position: relative;">

<div data-inven-action="" data-inven-nick-default="닉네임" data-no-tooltip="" data-inven-result-detail="" style="margin: 0; padding: 0; color: white; font-weight: bold; font-size: 18px; width: 160px; height: 30px; position: absolute; top: 50%; left: 65%; transform: translate(-50%, -50%); text-align: center; border: 0px; solid transparent; background-color: transparent;">

<span data-inven-attr-for="input" style="-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; float: right; text-align: center; width: 160px; height: 30px;">

</span>

<span data-inven-attr-for="last-attack-all" style="background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i0236321994.gif') no-repeat; color: rgba(0,0,0,0);background-color: rgba(0,0,0,0); border: 0px; display: inline-block; width: 80px; height: 80px; position: absolute; top: -20px; left: -101px;">

</span>

</div>

</div>

야만용사

<div style="width: 300px; height: 105px; margin: 0 auto; background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i1359309489.png?MW=300') no-repeat center; background-size: cover; position: relative;">

<div data-inven-action="" data-inven-nick-default="닉네임" data-no-tooltip="" data-inven-result-detail="" style="margin: 0; padding: 0; color: white; font-weight: bold; font-size: 18px; width: 160px; height: 30px; position: absolute; top: 50%; left: 65%; transform: translate(-50%, -50%); text-align: center; border: 0px; solid transparent; background-color: transparent;">

<span data-inven-attr-for="input" style="-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; float: right; text-align: center; width: 160px; height: 30px;">

</span>

<span data-inven-attr-for="last-attack-all" style="background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i0236321994.gif') no-repeat; color: rgba(0,0,0,0);background-color: rgba(0,0,0,0); border: 0px; display: inline-block; width: 80px; height: 80px; position: absolute; top: -20px; left: -101px;">

</span>

</div>

</div>

원소술사

<div style="width: 300px; height: 105px; margin: 0 auto; background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i1244717317.png?MW=300') no-repeat center; background-size: cover; position: relative;">

<div data-inven-action="" data-inven-nick-default="닉네임" data-no-tooltip="" data-inven-result-detail="" style="margin: 0; padding: 0; color: white; font-weight: bold; font-size: 18px; width: 160px; height: 30px; position: absolute; top: 50%; left: 65%; transform: translate(-50%, -50%); text-align: center; border: 0px; solid transparent; background-color: transparent;">

<span data-inven-attr-for="input" style="-webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: transparent; float: right; text-align: center; width: 160px; height: 30px;">

</span>

<span data-inven-attr-for="last-attack-all" style="background: url('https://upload3.inven.co.kr/upload/2024/11/11/bbs/i0236321994.gif') no-repeat; color: rgba(0,0,0,0);background-color: rgba(0,0,0,0); border: 0px; display: inline-block; width: 80px; height: 80px; position: absolute; top: -20px; left: -101px;">

</span>

</div>

</div>

인장 적용 방법 ☞ https://www.inven.co.kr/board/webzine/4712/6497

마격기 D4-01 ☞ https://www.inven.co.kr/board/webzine/4712/6496