[잡담] 메우 인장 틀 (2) 배포 및 설명서

첨부 파일 1

2016.03.17 13:41:00인벤 스크립트에 맞춰 수정했어요.

[변환 문자 목록]

~~~첫 배경~~~ [이미지 주소] 가로가 455px 이하이거나 반복되는 이미지 샘플 이미지에서 땡땡이 배경 부분입니다.

~~~캐릭터 배경~~~ [이미지 주소] 바탕이 투명한 이미지 샘플 이미지에서 메우메우 그림 부분입니다.

~~~가입 일자~~~ [텍스트] 인벤토리에서 복사해온 '2015-01-07 00:10:45'같은 가입일자 샘플 상단의 가입일수가 계산되는 부분입니다.

~~~메인 메뉴 버튼~~~ [텍스트/HTML] 메인 메뉴 버튼에 들어갈 글자를 입력해주세요. (샘플 이미지의 꽃 아이콘)

~~~메뉴 1 버튼~~~ [텍스트/HTML] 메뉴 1 버튼에 들어갈 글자를 입력해주세요. (샘플 이미지의 '기록' 버튼)

~~~상자 제목~~~ [텍스트/HTML] 메인 메뉴 상자 제목에 들어갈 글자를 입력해주세요. (샘플 이미지의 '추천 링크' 글자)

~~~상자 내용~~~ [텍스트/HTML] 메인 메뉴 상자 내용에 들어갈 글자를 입력해주세요. (샘플 이미지의 링크 모음 부분)

~~~메뉴 1 내용~~~ [HTML] 메뉴 1 버튼을 눌렀을 때 나올 내용을 입력해주세요.

fbb2ab [색상 코드] #을 포함하지 않은 색상 코드 인장의 전체적인 테마 색상 (글씨 색, 버튼 색, 테두리 색 등) 색상 코드는 http://html-color-codes.info/Korean/ 또는 포토샵 등에서 알아내실 수 있습니다.

[설명서]

1. 첨부 파일을 다운 받아 압축을 풀어주세요.

2. 메우인장틀2.txt 파일을 메모장 등 텍스트 에디터로 열어주세요.

3. 변환 문자 목록에서 ~~~이름~~~은 반드시 다른 글씨로 바꿔줘야 하는 항목입니다.

4. 예시로 첫 배경에 이미지를 넣어보겠습니다.

5. 목록에서 굵은 이름을 복사해줍니다.

6. 텍스트 에디터에서 그 내용을 찾기 바꾸기로 바꿔주세요.

찾기 : ~~~첫 배경~~~

바꾸기 : 이미지 주소

7. 목록의 모든 항목을 5~6번을 반복하여 바꿔주세요.

8. 결과물을 인벤토리의 html 모드에 붙여넣고 저장!

[새 메뉴를 추가하려면?]

<!--새 버튼 추가하는 곳-->의 윗줄에

<div data-inven-tab-for="몇번째메뉴인가요?" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #fbb2ab; color: white; cursor: pointer;">~~~새 메뉴 버튼~~~</div>

<!--새 내용 추가하는 곳-->의 윗줄에

<div data-inven-tab-id="몇번째메뉴인가요?" style="display: none;"> <div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #fbb2ab;"> ~~~새 메뉴 내용~~~ </div></div>

를 추가하세요.

몇번째메뉴인가요?에는 메뉴의 번호를 써넣으시면 됩니다.

예를 들어, 메인, 기록. 이렇게 두가지 메뉴가 있고 새 메뉴를 추가하신다면 3번째 메뉴가 되겠죠?

그러면 숫자 3을 적어 넣으시면 됩니다!