소스 코드에 요소를 복사해 붙여넣어 정리하고 맞춤 설정하는 방법에 대한 간단한 "가이드"입니다. 이 가이드는 HTML이나 소스 코드 편집 과정에 대해 잘 모른다고 가정합니다. 좀 더 익숙하다면 바로 봇의 성격란으로 가서 코드를 확인하세요.

기본 정보

빨간색으로 동그라미 친 버튼을 누르면 소스 코드가 열립니다. 참고: 저장하면 편집기가 모든 공백을 자동으로 없앱니다. 그러니 다 끝나고 나면 글이 한 덩어리로 뭉쳐 보이는 게 맞습니다. 원하는 요소를 소스 코드에 붙여넣고 적용한 다음, 제대로 적용되었는지 확인하세요(봇을 저장하지 않아도 캐릭터 소개에 변경 사항이 표시되어야 합니다). "Janitor AI 호환"이 아닌 항목은 소스 코드에서 사라집니다.

면책 조항: 요소를 마우스 오른쪽 버튼으로 클릭한 다음 "검사"를 선택해 이 코드를 모두 찾았습니다. 그러면 브라우저의 개발자 도구가 열리고, 여기서 전체 요소를 복사한 뒤 필요한 대로 조정할 수 있습니다. 따라서 이 코드가 제 것이라고 주장하는 것은 아니며, 비슷한 가이드도 찾지 못했기 때문에 모두가 편하게 쓸 수 있도록 제가 발견한 요소들을 공유하려는 것뿐입니다. 누구나 할 수 있고 실제 봇 콘텐츠나 데이터를 가져가는 것도 아니니, 이 과정이 눈살을 찌푸리게 할 일은 아니라고 생각합니다. 의견이 다르다면 자유롭게 말씀해 주세요. 다만 이유도 설명해 주시면 좋겠습니다.

예시

소스 코드에 넣을 코드는 이 봇의 성격란에 있습니다. 아래에 각 요소의 예시를 보여드렸습니다. 글자 색을 바꾸고 싶다면 평소처럼 글자를 강조 표시하고 색상 팔레트 버튼을 사용하면 됩니다. 글자 정렬을 다르게 하고 싶을 때도 마찬가지입니다.

붙여넣은 뒤 소스 코드를 수정할 필요는 없습니다. 코드를 망가뜨리지 않고 INPUT TEXT HERE 부분을 바로 편집할 수 있습니다.

하지만 Enter 키를 누르면 보통 두 번째 배너/라벨/상자 등이 만들어집니다. 배너나 배경을 늘리고 싶다면 안타깝게도 소스 코드를 수정해야 합니다. 그러려면 'INPUT TEXT HERE' 뒤에 줄바꿈인 <br>을 입력해야 합니다. HTML 지식이 없다면 추천하지 않습니다. <br>을 잘못된 위치에 넣으면 코드가 깨질 수 있기 때문입니다.

빨간색 배너, 흰색 글자

여기에 텍스트 입력

작고 테두리 있는 글자

여기에 텍스트 입력

엔터 키를 누른 예시입니다! 테두리가 있는 상자를 하나 더 만들었습니다.

저는 이걸 태그로 사용합니다

검은색 배경에 흰색 글자

여기에 텍스트 입력

파란색 라벨, 검은색 배경의 제목과 설명

    제목
설명

노란색 배너, 흰색 글자

여기에 텍스트 입력

지금까지 모은 건 여기까지입니다.

도움이 되었으면 좋겠고, 제가 실수한 부분이 있다면 친절하게 바로잡아 주세요. 봇 제작자들이 이미지로 봇 설명을 꾸미는 것도 많이 봤습니다! 이건 정리하거나 꾸미는 방법 중 하나일 뿐입니다(: 제가 최근에 만든 봇들을 보면 위의 예시를 템플릿에 어떻게 정리했는지 확인할 수 있습니다.

궁금한 점이 있다면 자유롭게 댓글로 남겨 주세요. 제가 아는 한 최대한 답변하겠습니다! 전문가는 아니지만 기꺼이 도와드릴게요<3

다른 형식으로 보는 게 더 편한가요? 원하는 분이 있다면 Google Docs에 옮겨볼까 생각 중입니다. 알려주세요.