작성 중
가볍고 가독성이 좋은 캐릭터 게시판
근데 BGM도 되어야 하고 캐릭터 다른 버전 프로필도 쓸 수 있어야 하고…
· 리스트 내 드래그 앤 드랍으로 순서 정렬· BGM, 배경 이미지 삽입 가능- 재생 중인 BGM이 있을 경우 자동으로 멈춤- 캐릭터 BGM 소리 조절바 존재· 캐릭터의 다른 버전 프로필 연계 가능: AU나 연령 등· 전신 스왑 기능(옷장)· 이미지 타입 별 첨부, 외부링크 모두 지원· 설명용 이미지 업로드 시 본문 내 위치 지정 가능· 편의용 치환자 지원(정렬, 이미지, 비디오, 상자, 타이틀 등)· 요약/프로필/기타 정보 외 추가 탭 3개 지원· 본문 뷰어 지원· 파일관리 용이함: 프로필 삭제 시 첨부파일 모두 삭제· 프로필 링크 공유 기능 = 트위터/카톡 미리보기 지원· 카테고리, 비밀글 사용 가능
상단의 '정렬' 버튼을 누른 뒤, 리스트에 테두리가 생기면 편집 가능 상태가 됩니다.
이미지를 끌어 원하는 위치로 옮긴 뒤 '저장'버튼을 누릅니다.
카드 배경색은 게시글 작성 시 입력한 캐릭터의 '메인 컬러'를 따라갑니다.
- 재생 중인 BGM이 있을 경우 자동으로 멈춥니다.
- 대상: FTP상 경로 최상단 /bgm.php를 사용하여 재생하는 모든 환경 (특이사항 외 대부분)
- BGM 사운드바(좌측 하단)가 있어 소리 조절이 가능합니다.
버튼> 좌측 상단 사각형
버튼> 우측 원형
게시판 설정 내 카테고리 사용, 비밀글: 체크박스와 연동
- 다중 업로드 지원. 점선 영역을 누르거나, 파일을 드래그 앤 드롭하세요.
- 외부 링크 역시 [+] 버튼을 눌러 다중 삽입 가능
- 전신 스왑(옷장 기능) 순서 조정을 미리보기 파일에서 드래그 하는 방식이기 때문에, 외부링크 입력 시에도 미리보기가 출력됩니다. (하단 GIF 참조)
- 타입 별로 한 장씩만 올릴 수 있습니다.
- 파일 선택/외부 링크 입력 시 글 작성 단계에서는 미리보기를 지원하지 않습니다.
- 파일/외부링크 삭제 시 미리보기 우측의 [X] 버튼을 통해 제거합니다.
※ 이때는 외부링크도 자동으로 미리보기에 들어갑니다!
▽잘못된 사용법
- '같은 타입' 내에서 파일 업로드와 외부링크를 '동시'에 입력하면 오류가 발생할 수 있으므로 한 쪽에만 값을 입력해 주세요.
※ 전신은 파일 업로드 및 외부링크 양쪽 모두 자유롭게 이용이 가능합니다.
- 치환자 및 본문용 이미지(추가 이미지) 미리보기를 지원합니다.
- 코드 간 충돌 문제로 한 구역에서만 지원하므로 다른 란에 필요 시 프로필란에서 작성 후 복사 붙여넣기 해주세요!
- 추가 이미지 업로드: 다중 파일 업로드, 드래그 앤 드롭 지원
- 본문에 자동으로 [파일번호]가 생성되며, 가로 사이즈 조정이 가능합니다. ※상단 GIF 참고
- 외부 링크의 경우 이미지[url], 비디오의 경우 비디오[url]을 입력합니다.
예시
[파일1], [파일2] : 업로드한 원본 그대로 올라갑니다.
[파일1-200]: 가로 200px로 업로드합니다.
[파일2-400]: 가로 400px로 업로드합니다.
- 탭: 캐릭터 프로필 내용에서 왼쪽 버튼으로 이동할 수 있는 영역
이외의 치환자에 대해서는 프로필 영역 옆의 </> 버튼을 눌러 내용을 확인하실 수 있습니다.
탭 내 같은 디자인으로 꾸밀 수 있도록 상자[내용]과 타이틀[내용]을 치환자로 넣었습니다.
상자[내용] - 사진 내 검은 상자 영역
타이틀[내용] - 사진 내 App. 내용에 다른 글자를 넣을 수 있습니다.
- 흉상(캐릭터 리스트에 보이는 파일)을 출력하며, 없을 경우 두상을 출력합니다.
- 공유된 링크 내 카드 배경색은 게시글 작성 시 입력한 캐릭터의 '메인 컬러'를 따라갑니다.
- 글 작성 시 삽입한 '미니' 타입이 있다면, 썸네일 공유 시 출력됩니다.
- 첨부 파일 삭제 시 DB데이터 삭제, 경로 내 파일 삭제
- 게시글 삭제 시 첨부 파일 및 DB 데이터 삭제
배경 이미지를 삽입하지 않은 기본 버전입니다.
기능이 포함된 경우 빨간 영역, 포함되지 않은 경우 흰 영역에 있습니다. 숫자로 설명합니다.
## 포함 파일 #버전 정보_250627 _bgm.check.php _bgm.php _common.php cha_preview.php css/ ├── color.css ├── style.css ├── style.list.css ├── style.view.css └── style.write.css delete.tail.skin.php file_delete.php generate_thumbnails.php list.skin.php txt/ ├── _common.php ├── index.php └── style.css update_order.php view.skin.php view.skin.script.php view_comment.skin.php write.content.script.php write.skin.php write.skin.script.php write_update.skin.php **총 25개 파일**
아보카도 에디션용
- php 7.4 / 아보카도 퍼스널
mysql 8.0 (닷홈의 경우 호스팅 관리 > 상세보기 > DB 정보 확인)
무조건 새 게시판을 만드셔야 합니다.
기존에 사용하던 게시판에 덮으시면 안 됩니다. 날아갈 수도 있습니다.
스킨 오류 외 스타일 커스텀 및 기능 추가에 대한 문의는 답변하지 않습니다.
외에, 커스텀이 많이 들어간 홈페이지의 경우엔 답변이 어렵습니다 ㅠㅠ
추가적인 안내가 생길 경우 갱신하겠습니다!
링크: URL
게시판 타입: 일반 게시판
분류: 카테고리! 사용 여부 자유롭게
비밀글 사용: 사용이 필요할 경우 체크박스
DHTML 에디터 사용: 체크를 풀어줍니다.
파일 업로드 개수: 필요한 만큼 늘리시면 됩니다! (100개 이하)
스킨 디렉토리: 다운로드 후 설치하신 캐릭터 스킨 폴더로 변경해 줍니다.
*폴더가 뜨지 않는다면, 혹시 압축 상태는 아닌지 다시 확인해 보세요.
*적용 후 출력이 이상하다면 '스킨 설치 방법'을 다시 참고하여 경로 내 파일이 올바르게 설정되어 있는지 확인해 보세요.
페이지 당 목록 수: 갤러리 열 개수의 배수로 설정해주세요. (ex. 열 개수 5개일 경우 10/15/20…)
갤러리 이미지 수: 리스트 내 카드의 열 개수와 연동됩니다.
갤러리 이미지 높이: 리스트 내 카드의 세로기준과 연동됩니다.
기본 정렬: '수동 정렬'로 설정해 주셔야 정렬 기능이 작동합니다!
*갤러리 이미지 높이 300, 갤러리 이미지 수 5개, 페이지 당 목록 수 15개를 기준으로 작업했습니다. (1920*1080 기준)
발행 시점, 웬만하면 되는 게 정상인데도 안 된다면 브라우저 캐시 삭제를 꼭 해주세요.
사용하시는 브라우저에서 ctrl+shift+del 후 캐시 전체 기간 삭제입니다.
서버 측 파일 제한 때문입니다. 해결법을 링크 내 작성해 두었습니다!
궁금한 사항이 해결되지 않으셨나요? QnA 게시판에서 문의하실 수 있습니다.
작성 중