라공

페어 페이지 스킨

30,000원

24,000원

6,000원 할인
다인페어페어페어스킨커플캐릭터series:pair

오픈 할인 20%!

~5월 22일까지

페어 페이지를 같이 꾸미고 싶어.

페어 사건 정리용 타임라인이 있었으면 좋겠어! 근데 갤러리라든가 다른 페이지도 넣고 싶어……

배경음도 넣어야지! 근데 플레이리스트는 지원 안 하나…

우리는 다인 페어인데, 다인 페어용은 없나 ㅠㅠ?!

페어끼리의 관계성을 한 페이지에 정리해두고 싶을 때!
여섯 명의 인원까지 지원하는 페어 스킨입니다.
서사 타임라인, 갤러리, 북마크 기능을 기본으로 다중 탭을 지원하는 레이아웃이 특징입니다.
AU 시스템, 플레이리스트 등 페어 소개에 특화된 기능을 제공합니다.

스크린샷 2026-05-15 185041.png
다중탭 레이아웃 캐릭터 최대 6명 SD 이미지 점프 애니메이션 타임라인 갤러리 북마크 단일·플레이리스트 공동 관리자 라이트 / 다크 테마 제목 글꼴 선택

🖼️ 목록 화면

캐릭터 컬러가 카드에 자동으로

캐릭터 팔레트를 설정하면, 카드 하단 라인에 두 캐릭터 색이 반반 자동 적용됩니다. 코드 건드릴 필요 없어요.

SD 이미지가 카드 밖으로 삐져나옵니다

SD 이미지를 등록하면 카드 하단 추가되고, 마우스를 올리면 귀엽게 점프합니다.

대표 이미지를 카드 배경으로

페어에 대표 이미지를 등록하면 카드 배경으로 자동 사용됩니다. 목록이 훨씬 풍성해 보여요.

카드 순서를 드래그로

관리자라면 목록 화면에서 카드를 드래그해 순서를 바꿀 수 있어요. 카드들이 귀엽게 흔들리는 모드로 전환됩니다.


스크린샷 2026-05-15 190039.png
스크린샷 2026-05-15 185637.png

열 개수 4 / 열 개수 2

내부 페이지에서 보이는 헤더 크기와 맞추고 싶다면 갤러리 열 갯수를 4 -> 2로 설정해 주세요.

스크린샷 2026-05-15 190155.png
스크린샷 2026-05-15 190204.png
캐릭터 컬러는 각 캐릭터의 컬러파레트 'etc'에 설정한 값이 카드 하단에 적용됩니다.
페어페이지-점프.gif
SD 점프 모션이 대박 귀엽습니다.

상세 화면

브랜드 영역 — 상단 풀배경

대표 이미지가 상단을 가득 채웁니다. 가로로 넓은 이미지(1920×1080 기준 3000×700 비율 권장)를 사용하면 예쁘게 출력돼요.
페어명, 관계성 요약, 키워드 태그, SD 이미지가 함께 표시됩니다.

왼쪽 — 캐릭터 카드

두상 이미지, 이름(한/영), 컬러 팔레트 점, 정보 목록, 태그를 표시합니다. 두상에 마우스를 올리면 대표 대사가 말풍선으로 뜹니다.

가운데 — 탭 UI

타임라인, 무드보드 갤러리, 추가 탭을 탭으로 전환하며 볼 수 있어요. 탭은 원하는 만큼 추가할 수 있습니다.

오른쪽 — 링크 목록(북마크)

링크를 썸네일(선택)+이름 형태로 정리해 표시합니다.

스크린샷 2026-05-15 185113.png
스크린샷 2026-05-15 185057.png
  • 타임라인 — 날짜, 제목, 내용, 이미지를 사건별로 정리. 작성 창에서 드래그로 순서 변경 가능.
    스크린샷 2026-05-15 185141.png
    페어페이지-타임라인.gif
  • 무드보드(갤러리) — 직사각형 갤러리형 출력. 이미지 클릭 시 전체화면 미리보기, 좌우 버튼 또는 키보드 방향키로 이동.
  • 추가 탭 — 게시판, 페이지, 외부 URL을 탭으로 삽입할 수 있어요. 합작 보드나 팬아트 게시판도 이 페이지 안에 넣을 수 있습니다.
    단! 게시판으로 불러왔을 시 배경/헤더/푸터가 다시 출력되는 점 참고해 주세요. (=페이지 내 메뉴나 위젯이 출력될 수 있다는 이야기!)
    페어페이지-추가탭.gif
  • BGM 플레이어 — 유튜브 단일 곡·플레이리스트 모두 재생. 상단 툴바에 고정 표시.
    clipboard_1778841310102.png

    💡 BGM 플레이어 안내

    유튜브 단일 곡과 플레이리스트 모두 재생됩니다. 플레이리스트에서 곡이 넘어가기 전에 '트랙+번호'로 이름이 표시되는 건 유튜브 특성상 정상 동작이에요.
    트랙 이미지·리스트 이름 커스텀은 지원하지 않습니다.

  • 연계 페어 스위처 — 같은 캐릭터가 여러 페어에 속해 있다면, 상단 툴바에 연계 페어 썸네일이 나타나 바로 이동할 수 있어요.
    clipboard_1778841280095.png
  • 몰입형 뷰 — 상세 페이지 진입 시 사이트 헤더·푸터·위젯이 자동으로 숨습니다.

⚙️ 작성 폼

페어 기본정보

페어명, 관계성 요약, 대표 이미지(URL or 파일 업로드), 라이트/다크 테마, 글꼴, BGM URL, 키워드 태그, 목록 노출 여부를 설정합니다.

캐릭터 — 최대 6명

두상·SD 이미지(URL or 파일), 컬러 팔레트(Hair·Skin·Eye1·Eye2·Etc), 캐릭터 태그(배경·글자색 커스텀), 대표 대사를 등록합니다.

갤러리 업로드 방법 3가지

드래그앤드랍, 클릭 선택, Ctrl+V 붙여넣기 모두 지원. 외부 이미지 URL 직접 입력도 됩니다. 드래그로 순서 변경 가능.

공동 관리자

멤버를 검색해 추가하면 그 사람도 이 페어를 수정할 수 있어요. 커플끼리 같이 꾸밀 수 있습니다.

clipboard_1778841813002.png
clipboard_1778841827212.png
clipboard_1778841847574.png


📦 기술 요구사항

호환 환경
라공 에디션
스킨 적용 위치
게시판 스킨
테마
라이트 / 다크
캐릭터 등록
최대 6명
대표 이미지 권장 비율
3000 × 700
코드 수정
불필요

💡 주의사항

구매 전 확인해 주세요

  • 라공 에디션 기반 게시판 스킨입니다. 다른 환경에서는 사용할 수 없어요.
  • 스킨은 새 게시판에 적용해서 사용합니다. 기존 게시판 데이터를 덮어쓰지 않아요.
  • BGM 플레이리스트에서 다음 곡으로 넘어가기 전 '트랙+번호' 표시는 정상입니다.
  • 스타일 커스텀, 기능 추가 요청은 별도로 답변드리기 어렵습니다.
## 포함 파일

_bgm.check.php
_bgm.php
_common.php
board_iframe.php
css/
├── style.css
├── style.list.css
├── style.view.css
└── style.write.css
function_pair.php
gallery_upload.php
image_delete.php
list.skin.php
member_search.php
view.skin.php
write.skin.php
write_update.skin.php

**총 16개 파일**

테스트 환경

php 8.2 / 라공 에디션

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



구매 전 확인 사항

1920*1080 해상도에 최적화 되어 있습니다.


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

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



주의사항

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

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

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

스킨 설치 방법

링크: RA0 Edition: 게시판 스킨 설치받으신 스킨 파일은 압축을 푼 뒤,html > skin > board 경로 내에 폴더(스킨이름) 상태로 넣어주세요.스킨 경로로 진입하면, 바로 안에 php 파일들이 위치하게 해주세요!예시)html >…라공 · 메뉴얼


스킨 적용게시판 관리

 

게시판 타입: 일반 게시판

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


 

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

DHTML 에디터 사용: 체크하지 않습니다.

파일 업로드 개수: 99


 

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

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

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


 

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

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

갤러리 이미지 높이: X

갤러리 이미지 폭: X

기본 정렬: '수동 정렬'로 설정합니다.

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

260516_0 발행
260516_1 업데이트
  • 헤더 사용 설정에 따라 상단 여백 생기는 부분 없앰
  • 타임라인 길이에 따라 하단 여백 생기는 부분 없앰


×