라공

[아보카도시리즈] 페어 게시판 스킨

20,000원

페어페어게시판페어스킨캐릭터

아보카도 시리즈용입니다.

라공 에디션에서 사용하실 수 없습니다!

관련 공지 링크: URL


clipboard_1763272018312.png

2e7f87cf3affc24603e6872722cb81ac_VndlDYX6_b09011b8aa04ddab268280943e03ce2972b4e48c.gif 

기능 요약

· 리스트 내 드래그 앤 드랍으로 순서 정렬
· BGM, 배경 이미지 삽입 가능
- 재생 중인 BGM이 있을 경우 자동으로 멈춤
- 그룹, 캐릭터 BGM 소리 조절바 존재
· 페어의 다른 버전 연계 가능: AU나 연령 등
· 페이지 내 코멘트 작성 가능: 알림 위젯과 연동
· 페이지 내 갤러리 기능: 이미지 업로드 or 외부 링크 지원
· 캐릭터 프로필 작성 가능: 외부 링크 삽입 or 내부 프로필 페이지 지원
· 편의용 치환자 지원(정렬, 상자, 타이틀 등)
· 파일관리 용이함: 프로필 삭제 시 첨부파일 모두 삭제
· 페어 페이지 / 프로필 링크 공유 기능 = 트위터/카톡 미리보기 지원
· 카테고리, 비밀글 사용 가능



리스트

그룹의 '대표 이미지'와 캐릭터의 SD 이미지가 출력됩니다.
2e7f87cf3affc24603e6872722cb81ac_3rk4GU1j_1532ea5bab8e426fb02317dceb000a92f82419c4.webp 

드래그 앤 드랍으로 순서 정렬

상단의 '정렬' 버튼을 누른 뒤, 리스트에 테두리가 생기면 편집 가능 상태가 됩니다.
이미지를 끌어 원하는 위치로 옮긴 뒤 '저장'버튼을 누릅니다.

게시판 설정과 연동

2e7f87cf3affc24603e6872722cb81ac_4WObJlvQ_dcacdf4cc2c808817ea441c084e318fabce4612a.webp 
로그/갤러리 세로 기준: 리스트 내 카드 세로 길이
갤러리 가로 기준: 게시판 총 너비
갤러리 열 개수: 한 행에 카드 개수


게시글: 그룹

2인 이상을 등록할 수는 있지만, 갤러리 영역을 가리기 시작하고 캐릭터 간 여백이 줄어듭니다.
기본적으로 2인을 상정하고 제작되었으므로, 인원이 초과하면서 오는 스타일/기능 등의 커스텀 문의는 받지 않습니다.
2e7f87cf3affc24603e6872722cb81ac_dcUOElbC_0b1c74d1f3ad9a7a0e9e4ba6b0c6f523de22c5ab.webp

· 배경 이미지 삽입

· BGM 삽입

- 재생 중인 BGM이 있을 경우 자동으로 멈춥니다.
- 대상: FTP상 경로 최상단 /bgm.php를 사용하여 재생하는 모든 환경 (특이사항 외 대부분)
- BGM 사운드바(좌측 하단)가 있어 소리 조절이 가능합니다.

· 페어의 다른 버전이 존재할 경우, 좌측에 사각형 버튼이 생깁니다.

· 코멘트 기능 (역극란)

· 갤러리 기능

- 파일 첨부 갯수 제한은 없습니다.
- 단, 대량의 이미지를 한꺼번에 불러오게 될 경우 로딩에 시간이 걸릴 수 있습니다.

· 캐릭터 프로필 지원

- 전신 이미지를 클릭하면 캐릭터 프로필 페이지로 넘어갑니다.
- 외부 링크, 내부 프로필 페이지를 지원합니다.


글 작성: 그룹

· 카테고리, 비밀글 사용 가능

- 게시판 설정 내 카테고리 사용, 비밀글: 체크박스와 연동
- 단, 그룹이 비공개일 경우 캐릭터 프로필 역시 비공개 처리될 수 있으며, 게시글끼리 얽혀있어 비공개 사용을 권하지는 않습니다.
2e7f87cf3affc24603e6872722cb81ac_smxNR034_630280ac4a55aeb0625723645c192e366b50de85.webp 

· 대표 이미지

- 파일과 썸네일 중 한 쪽에만 값을 입력해 주세요.
- 파일로 업로드한 경우에도 URL값이 자동으로 입력되니 이후 수정 시 삭제하지 말아주세요.
- 삭제가 필요한 경우 우측 휴지통 버튼을 클릭한 후 새로 업로드 해주세요.

· 갤러리 이미지

- 업로드 파일의 경우, 갤러리 내 순서 정렬이 가능합니다.
- 외부링크는 갤러리 뒷쪽에 붙습니다.
- 갯수에 제한은 없습니다.


게시글: 캐릭터

2e7f87cf3affc24603e6872722cb81ac_SLHdwIYX_fc372c9e8910ec0bdac98643b28a6a6130a1d49e.webp
· 순서: 그룹 페이지 내 출력 순서
· 컬러, BGM 삽입 가능
· 프로필 타입: 외부 링크 삽입, 내부 정보 입력 지원
· 본문기타 정보 두 가지 탭 지원
· 이미지 업로드
- 전신: 그룹 페이지·캐릭터 페이지 출력
> 전신 이미지 사이즈는 여백 포함 800*1500px 이내를 권장합니다. 캐끼리 간격이 예뻐요.
- 두상: 그룹 페이지 역극란 등 활용, 캐릭터 페이지 내 ID 카드 삽입
- SD: 그룹 페이지 내 대표 이미지 앞, 게시글 리스트 출력
· 캐릭터 여백 직접 입력 항목.
애초에 부여된 캐릭터끼리의 간격을 무시하고 인라인 값으로 들어갑니다.
CSS: margin 속성으로 잘 모르시는 경우 공란으로 두셔도 됩니다.



치환자

상자[내용] - 사진 내 검은 상자 영역
타이틀[내용] - 사진 내 Profile. 내용에 다른 글자를 넣을 수 있습니다.
*기울기*
**굵게**
***기울기+굵게***
//블러//
__밑줄__
--취소선--
토글[제목]
[내용]
좌[내용]: 정렬
중[내용]: 정렬
우[내용]: 정렬



파일관리

- 첨부 파일 삭제 시 DB데이터 삭제, 경로 내 파일 삭제

- 게시글 삭제 시 첨부 파일 및 DB 데이터 삭제




기타 편의

· 프로필 링크 공유 기능

- 프로필 내 버튼을 통해 링크를 복사합니다. (주소창X)
- 트위터/카톡 공유 시 미리보기용 썸네일을 지원합니다.
- 그룹 게시글은 대표 이미지를, 캐릭터는 두상 이미지를 출력합니다.
2e7f87cf3affc24603e6872722cb81ac_eoifZLvS_4398f58d03dd49778d826cfe5de5b4ba47ca3d28.webp2e7f87cf3affc24603e6872722cb81ac_YIk0nUot_fea163490fd8e504db453581d5b5171fdf68c1dc.webp  
이미지를 눌러 들어가면 미리보기가 뜨고, 게시글 보기로 이동할 수 있습니다.
- 공유된 링크 내 카드 배경색은 게시글 작성 시 입력한 그룹/캐릭터의 '메인 컬러'를 따라갑니다.
- 글 작성 시 삽입한 'SD 타입이 있다면, 썸네일 공유 시 출력됩니다.



구역 설명

기능이 포함된 경우 빨간 영역, 포함되지 않은 경우 흰 영역에 있습니다. 숫자로 설명합니다.
2e7f87cf3affc24603e6872722cb81ac_SaPfo9qH_c713604930da65f8700bcd1b292fb38c3c188524.webp 

1. 목록, 수정, 삭제, 답글, 캐릭터 추가, 공유

  • 목록: 리스트로 돌아갑니다.
  • 수정: 게시글을 수정합니다.
  • 삭제: 게시글을 삭제합니다.
  • 답글: 그룹의 다른 버전을 추가합니다.
  • 캐릭터 추가: 그룹 내 캐릭터를 추가합니다.
  • 공유: 미리보기 링크를 복사합니다.

2. BGM 재생/정지, 사운드바

3. 그룹 제목&설명 출력

4. 역극란

5. 역극란 확대 버튼

6. 그룹 대표 이미지 출력

7. 그룹 갤러리

8. 소속 캐릭터 전신 출력

9. 캐릭터 관리창

10. 그룹의 다른 버전이 있을 경우 출력


2e7f87cf3affc24603e6872722cb81ac_ej3RtJ2V_cb22d592dc45c17fc95ee679a8f6394bb164a02e.webp 
그룹 페이지에서는 패널을 클릭하여 수정/삭제가 가능하며,
캐릭터 페이지에서 두 번째 버튼을 클릭하는 것 역시 수정이 가능합니다.

2e7f87cf3affc24603e6872722cb81ac_6jHmKDTv_87f966fb99b88a96ffdf757a5c753ae04357aa72.webp 
캐릭터 페이지는 목록, 수정, 공유, 그룹 페이지로 돌아가기가 있으며 프로필 정보 내 버튼을 클릭하여 탭 전환을 합니다.
단, 프로필 외부링크로 이동하는 경우에는 '뒤로가기'를 통해서만 그룹 페이지로 돌아오실 수 있습니다.

## 포함 파일

_bgm.check.php
_bgm.php
_common.php
cha_preview.php
css/
├── color.css
├── style.cha.modal.css
├── style.css
├── style.list.css
├── style.view.cha.css
├── style.view.css
└── style.write.css
extend.cha.delete.php
extend.cha.file_delete.php
extend.cha.get.php
extend.cha.update.php
extend.comment_update.php
extend.file_delete.php
extend.load_gall.php
extend.update_order.php
list.skin.php
load_gall.php
thumb_preview.php
view.character.skin.php
view.group.skin.php
view.skin.php
view.skin.script.php
view_comment.php
view_comment.skin.php
write.cha.script.php
write.cha.skin.php
write.skin.php
write.skin.script.php
write_comment.php
write_comment_update.skin.php
write_update.inc.php
write_update.skin.php

**총 36개 파일**

테스트 환경

아보카도 에디션용

- php 7.4 / 아보카도 퍼스널

mysql 8.0 (닷홈의 경우 호스팅 관리 > 상세보기 > DB 정보 확인)



구매 전 확인 사항

무조건 새 게시판을 만드셔야 합니다.

기존에 사용하던 게시판에 덮으시면 안 됩니다. 날아갈 수도 있습니다.



주의사항

스킨 오류 외 스타일 커스텀 및 기능 추가에 대한 문의는 답변하지 않습니다.

외에, 커스텀이 많이 들어간 홈페이지의 경우엔 답변이 어렵습니다 ㅠㅠ

전공자가 아니므로, 지식 외의 문제가 발생할 수 있습니다.

추가적인 안내가 생길 경우 갱신하겠습니다!

등록된 리뷰가 없습니다.

스킨 설치 방법

링크: URL


스킨 적용게시판 관리

2e7f87cf3affc24603e6872722cb81ac_kp1EJf9i_2500ff3442a0c8f477e915adb0c035d7e09db9bd.webp 

게시판 타입: 일반 게시판

분류: 카테고리! 사용 여부 자유롭게


2e7f87cf3affc24603e6872722cb81ac_Y6w241AN_ca65d013aad3507085c51995c10ce77585031bb4.webp 

비밀글 사용: 사용이 필요할 경우 체크박스

- 단, 그룹이 비공개일 경우 캐릭터 프로필 역시 비공개 처리될 수 있으며, 게시글끼리 얽혀있어 비공개 사용을 권하지는 않습니다.

DHTML 에디터 사용: 지금은 지원하지 않으므로, 체크를 풀어줍니다.

파일 업로드 개수: 최소 3개, 그 이상은 필요한 만큼 늘리시면 됩니다! (100개 이하)


2e7f87cf3affc24603e6872722cb81ac_XjyECeMr_ce851fae10bc617668a06dc5f7b128f534b090e4.webp 

스킨 디렉토리: 다운로드 후 설치하신 페어 스킨 폴더로 변경해 줍니다.

*폴더가 뜨지 않는다면, 혹시 압축 상태는 아닌지 다시 확인해 보세요.

*적용 후 출력이 이상하다면 '스킨 설치 방법'을 다시 참고하여 경로 내 파일이 올바르게 설정되어 있는지 확인해 보세요.


a6e3161213057178368471047.webp

페이지 당 목록 수: 필요한 만큼 설정해 줍니다.

갤러리 이미지 수: 리스트 내 카드의 열 개수와 연동됩니다.

갤러리 이미지 높이: 리스트 내 카드의 세로기준과 연동됩니다. 

갤러리 이미지 폭: 게시판 총 너비와 연동됩니다.


페어 갤러리 열 수 조정 시

2e7f87cf3affc24603e6872722cb81ac_SaPfo9qH_c713604930da65f8700bcd1b292fb38c3c188524.webp 
*해당 이미지 내 ⑦번 영역이 페어 갤러리입니다!


게시판 여분 필드 1에 원하시는 숫자를 넣으면, 해당 열 수로 바뀝니다.

아무 것도 설정하지 않았을 때의 기본값은 최초 발행 시와 동일한 4입니다.

6f31a511388101489636408344.webp


재생되고 있던 BGM은 정지가 되었는데 게시글의 BGM이 안 나와요.

발행 시점, 웬만하면 되는 게 정상인데도 안 된다면 브라우저 캐시 삭제를 꼭 해주세요.

사용하시는 브라우저에서 ctrl+shift+del 후 캐시 전체 기간 삭제입니다.


코멘트란(역극) 작성 방법

  • 해당하는 멤버(가입 회원)가 캐릭터 프로필을 작성합니다. (관리자 선택X)
  • 이후 코멘트를 작성하시면, 멤버를 인식하여 주고받기가 가능합니다.

궁금한 사항이 해결되지 않으셨나요? QnA 게시판에서 문의하실 수 있습니다.


×