재업) 메이플 마격기 인장 공유

전에 만들고 올렸는데 잘못된게 있어서 다시 수정해서 올립니다.

메이플 마격기를 보고 최근에 맞게(?) 만들어 올려봅니다. 

인벤토리 창을 직접 찍고 투명 처리한 거라 모서리 부분에 살짝 자국이 있습니다 ㅠㅠ

메소 텍스트 박스에 닉네임 입력이 가능하고, 돋보기 아이콘을 눌러 검색이 가능합니다.

data-inven-nick-default 부분에 본인 닉네임 입력하신 후 사용해주세요.

[[ 적용법 ]]

"인벤토리" 클릭 후 "인장 세부 설정"에서 "HTML"을 눌러 아래의 코드를 복붙 후 "저장하기" 클릭.

[[ 내용 추가 ]]

가운데가 아닌 좌측이나 우측으로 정렬하고 싶으신 분들은 

코드 가장 첫 라인에 있는 justify-content: center를 아래와 같이 수정해주세요.

좌측 = justify-content: start; 또는 justify-content: left;

우측 = justify-content: end; 또는 justify-content: right; 

<div style="display: flex; justify-content: center; font-family: '돋움', Dotum, '돋움체', DotumChe, sans-serif';"> <div style="width: 195px; height: 378px; background-image: url('https://upload3.inven.co.kr/upload/2022/08/10/bbs/i14904194111.png'); background-repeat: no-repeat;"> <div data-inven-action="" data-no-tooltip="" data-inven-result-detail="" data-inven-nick-default="권이삭" style="border: none; margin: 0px; padding: 0px; height: 100%;"> <span data-inven-attr-for="input" style="transform: translate(50px, 305px); background-color: transparent; border: none; outline: none; width: 95px; text-align: right; font-size: 12px;"></span> <span data-inven-attr-for="last-attack-1" style="background-image: url('https://upload3.inven.co.kr/upload/2022/08/10/bbs/i14965350898.png'); width: 38px; height: 40px; color: transparent; background-color: transparent; transform: translate(-87px, 48px); border: none;"></span> <span data-inven-attr-for="last-attack-5" style="background-image: url('https://upload3.inven.co.kr/upload/2022/08/10/bbs/i14937444856.png'); width: 38px; height: 40px; color: transparent; background-color: transparent; transform: translate(-85px, 48px); border: none;"></span> <span data-inven-attr-for="last-attack-10" style="background-image: url('https://upload3.inven.co.kr/upload/2022/08/10/bbs/i14972725452.png'); width: 34px; height: 35px; color: transparent; background-color: transparent; transform: translate(93px, 11px); border: none;"></span> <span data-inven-attr-for="last-attack-20" style="background-image: url('https://upload3.inven.co.kr/upload/2022/08/10/bbs/i14933711014.png'); width: 38px; height: 40px; color: transparent; background-color: transparent; transform: translate(97px, 8px); border: none;"></span> <span data-inven-attr-for="last-attack-all" style="background-image: url('https://upload3.inven.co.kr/upload/2022/08/10/bbs/i14902386546.png'); width: 36px; height: 36px; color: transparent; background-color: transparent; transform: translate(-69px, 53px);"></span> <span data-inven-attr-for="search-profile" data-inven-over-css="{'_SELF_':{'backdropFilter':'contrast(150%)'}}" data-inven-out-css="{'_SELF_':{'backdropFilter':'contrast(100%)'}}" style="transform: translate(-50px, 300px); width: 30px; height: 29px; color: transparent; background-color: transparent; border: none; transition: all 0.3s linear;"></span> </div> </div> </div>