아직 마격기 못다신 분들을 위한 깨알 팁 공유할게요~
크롬 기준으로 작성했습니다! 

HTML 코드
<div style="text-align: center">
<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-top: 16px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-1,last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail data-inven-nick-default="아이디">
<span data-inven-attr-for="input" style="float: left; width: 130px; font-size: 11px; color: #fbb2ab; padding: 0 4px; height: 21px; line-height: 21px; border: 0;">
</span>
<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #fbb2ab; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;">
</span>
<span data-inven-attr-for="action-result" data-position="out" data-remain-result style="margin-top: 2px; margin-left: 6px; color: #fbb2ab; border-radius: 6px; border: 1px solid #fbb2ab; padding: 4px 6px; font-size: 11px; width: 300px;">
</span>
</div>
</div>

결과



방법

1. 우측 상단에 '로그아웃' 왼쪽 '화살표' 클릭하고 '인벤토리' 클릭


2. 밑에 'HTML' 버튼 클릭


3. 코드 복붙


4. '미리보기'로 결과 확인 후 '저장하기'

디자인을 바꿨는데 속성이 마음에 안드는 경우!

HTML+CSS 마스터가 아니라면 이걸 언제 퍼블리싱하고 있나요ㅜ
우리가 margin과 padding 차이에 대해 면접에서 대답할 것도 아니고...
그래서 인벤 스크립트 게시판
링크 : https://www.inven.co.kr/board/webzine/4712
돌면서 원하는 디자인 복붙했는데 효과가 달라졌다면?
저도 전문가가 아니라서 아는것만 공유할게요~
- px : 픽셀(단위), 화면 크기가 달라져도 고정, %로 주면 화면 크기 따라감
- color : 글자색
- border-radius : 둥글기 정도
- border : 선(예를 들어 "1px solid white" 순서로 쓰는데 1px는 굵기, solid는 실선, white는 색...#ffffff처럼 16진수 RGB값으로도 대체 가능)
- data-inven-action : last-attack-1,last-attack-5,last-attack-10,last-attack-all,search-profile 순서대로 마격 1회, 5회, 10회, 전부, 검색
- data-inven-result-detail : 마격 결과에 몇 크리 보고 싶다면 추가!
- data-inven-nick-default : 내 아이디로 변경
- width : 가로 너비
- height : 세로 높이
- font-size : 글자 크기
- background-color : 배경색
- data-position="out" : 결과가 마격기 밖에 생성
- data-remain-result : 원래는 5초 후에 마격 결과가 사라지는데 결과 화면 유지
- text-align : 정렬인데 center는 가운데 정렬

이미지 넣고 싶을 때

1. 인장용 이미지 게시판에 이미지 업로드

2. 이미지에 커서 올리고 오른쪽 클릭하면 메뉴 뜨는데 거기서 이미지 주소 복사


3. src에 이미지 url 추가
예를 들면
<div style="text-align: center">
<img src="주소" width="50%">
</div>

다음주 금요일 25일 새벽 3시 캠프파이어 에서 봐요~