왼쪽을 오른쪽으로 바꾸는 방법입니다.
주사위 결과출력까지 바꾸기는 어렵지만 기본 롤플 대화들은 바꿀 수 있습니다.
전체 항목마다 ctrl+f로 위쪽을 찾고 아래쪽으로 바꿔줍니다.
0. 사전작업
주사위와 모듈의 컴펜디움 표기로 인해 간혹 채팅 중간에 [] 문자가 포함되어있는 경우가 있습니다. 미리 확인해서 제거합니다. 이 과정을 거쳐야 이후 줄바꿈이 이상해지지 않습니다.
예시: [slashing], [fire] 혹은 @UUID[JournalEntry.FELTJlKaJBHWt3iE]{집중 Concentrating}
[slashing] 등의 피해 유형의 경우 파운드리 캐릭터 시트에서 미리 제거하면 채팅에도 입력되지 않습니다.
@UUID의 경우
@UUID[
를
@UUID
로만 바꾸어도 문제 없습니다.
1. 날짜 지우기:
비주얼 스튜디오 코드를 이용해서 이 부분을 먼저 바꿉니다. 검색창 옆의 정규식 사용을 반드시 누릅니다(아래 이미지 참고)
*11/25 수정: 엑셀을 사용하면 큰따옴표가 사라지는 문제가 있어 엑셀 부분을 삭제합니다.
\[[^\]]*\]
를
교체용텍스트
이후 다른 툴로 전체를 복붙하거나 사용하던 툴로 나머지를 편집해줍니다.
2. desc 메세지:
*모듈 사용시에만 desc 입력 가능
Cautious Gamemaster's Pack 사용시: #CGMP_DESCRIPTION
Narrator Tools 사용시: 내레이터
교체용텍스트 #CGMP_DESCRIPTION
혹은
교체용텍스트 내레이터
를
<div class="message desc" style="box-sizing: content-box; padding-left: 15px; padding-right: 10px; padding-bottom: 7px; background-color: #f1f1f1; position: relative; font-style: italic; font-weight: bold; text-align: center; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13.65px;" data-messageid="-LlflwDyygaCEG8mISYo">
<div class="spacer" style="box-sizing: content-box; background-color: #e1e1e1; height: 2px; margin-bottom: 7px; margin-left: -15px;"> </div>
3. 일반 채팅 배경색 만들기:
교체용텍스트
을
<div class="message general you" style="box-sizing: content-box; padding-left: 45px; padding-right: 10px; padding-bottom: 7px; background-color: #f1f1f1; position: relative; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13.65px;" data-messageid="-LlfncBswOHH9NQo9H5Q">
<div class="spacer" style="box-sizing: content-box; background-color: #e1e1e1; height: 2px; margin-bottom: 7px; margin-left: -45px;"> </div>
<div class="avatar" style="box-sizing: content-box; position: absolute; top: 4px; left: 5px; width: 28px;" aria-hidden="true"><img style="box-sizing: content-box; border: 0px; vertical-align: middle; max-width: 28px; height: auto; max-height: 28px;" src=" " /></div>
*참고
텍스트에서 아래 부분의 색상코드를 바꾸면 원하는 색상으로 배경이나 구분선, 글자색을 지정할 수 있습니다.
4. desc, 배경색 마무리:
---------------------------
를
</div>
5. 인장 이미지 넣기, 이름 강조(볼드체)하기:
src=" " /></div> 캐릭터이름
를
src="인장으로 사용할 이미지 주소" /></div><b>캐릭터이름: </b>
6. 인장 없는 캐릭터, 엑스트라 등등 이름 강조(볼드체)만 넣기:
src=" " /></div> 인물이름
를
src=" " /></div><b>인물이름: </b>
7. 인장 없는 캐릭터, 엑스트라 등등 인장 부분 빈 칸으로 비우기:
<img style="box-sizing: content-box; border: 0px; vertical-align: middle; max-width: 28px; height: auto; max-height: 28px;" src=" " /></div>
를
</div>
완성되었으면 html로 티스토리에 복붙해줍니다.
편집창에서는 줄 사이에 엔터가 보일 수 있는데 포스팅 완료하면 붙어서 나옵니다.
끝!