menu
close
home
HOME
home
HOME
메뉴설정
photo_library
LOAD
image
ㄴin
edit_note
ㄴstudy
arrow_outward
ㄴout
interests
ㄴback
bookmarks
MEMO
list
ㄴmemo
book
ㄴquote
sports_esports
TRPG
waving_hand
♥
html
LINK
login
LOGIN
person_add
JOIN
home
HOME
home
HOME
메뉴설정
photo_library
LOAD
image
ㄴin
edit_note
ㄴstudy
arrow_outward
ㄴout
interests
ㄴback
bookmarks
MEMO
list
ㄴmemo
book
ㄴquote
sports_esports
TRPG
waving_hand
♥
html
LINK
login
LOGIN
person_add
JOIN
open_with
home
HOME
photo_library
LOAD
image
in
edit_note
study
arrow_outward
out
interests
back
bookmarks
MEMO
list
memo
book
quote
sports_esports
TRPG
waving_hand
♥
html
LINK
♬
play_arrow
stop
password
로그인
how_to_reg
회원가입
X
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
position: fixed; translate: 180px 80px;
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
페이지 연결
--페이지중 선택--
BIO
이미지 슬라이더
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 5개
텍스트 출력 끄기
※슬라이더 이미지의 크기/위치 등은 위의 배경 설정을 통해 조정 가능합니다.
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 latest_main(기본)스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
함수 직접 입력
사용
함수 입력 주의 사항
함수명(조건1, 조건2, 조건3) 형식으로 입력합니다.
조건과 조건 사이는 반드시 반점과 띄어쓰기로 나눠주세요. (띄어쓰기 필수)
조건 내부에서 반점을 쓸 때는 띄어쓰기를 사용하지 말아주세요. (ex. p1,p2,p3)
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
UNFORTUNATE
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
position: fixed; translate: 255px -10px;
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
UNFORTUNATE
텍스트 연결
UNFORTUNATE
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
color: white; font-weight: bold; font-size: 40px; line-height: 40px; background-size: 100%; filter: drop-shadow(0px 0px 3px rgba(255,255,255,.3)); animation: neon-text infinite 5s; } @keyframes neon-text { 0% { color: white; filter: drop-shadow(0px 0px 3px rgba(255,255,255,.3)); } 50% { color: white; filter: drop-shadow(0px 0px 10px rgba(255,255,255,.6)); } 69% { color: white; filter: drop-shadow(0px 0px 3px rgba(255,255,255,.4)); } 70% { color: rgba(230, 230, 230); filter: drop-shadow(0px 0px 0px rgba(255,255,255,.6)); } 75% { color: rgba(230, 230, 230); filter: drop-shadow(0px 0px 0px rgba(255,255,255,.6)); } 80% { color: white; filter: drop-shadow(0px 0px 3px rgba(255,255,255,.6)); } 81% { color: rgba(230, 230, 230); filter: drop-shadow(0px 0px 0px rgba(255,255,255,.6)); } 100% { color: white; filter: drop-shadow(0px 0px 3px rgba(255,255,255,.3)); } }
게시판 연결
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
페이지 연결
--페이지중 선택--
BIO
이미지 슬라이더
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 5개
텍스트 출력 끄기
※슬라이더 이미지의 크기/위치 등은 위의 배경 설정을 통해 조정 가능합니다.
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 latest_main(기본)스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
함수 직접 입력
사용
UNFORTUNATE
함수 입력 주의 사항
함수명(조건1, 조건2, 조건3) 형식으로 입력합니다.
조건과 조건 사이는 반드시 반점과 띄어쓰기로 나눠주세요. (띄어쓰기 필수)
조건 내부에서 반점을 쓸 때는 띄어쓰기를 사용하지 말아주세요. (ex. p1,p2,p3)
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
♬ BGM 재생이 안 될 시 수동 클릭
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
position: fixed; translate: 300px -30px;
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
♬ BGM 재생이 안 될 시 수동 클릭
텍스트 연결
♬ BGM 재생이 안 될 시 수동 클릭
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
color: white;
게시판 연결
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
페이지 연결
--페이지중 선택--
BIO
이미지 슬라이더
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 5개
텍스트 출력 끄기
※슬라이더 이미지의 크기/위치 등은 위의 배경 설정을 통해 조정 가능합니다.
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 latest_main(기본)스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
함수 직접 입력
사용
♬ BGM 재생이 안 될 시 수동 클릭
함수 입력 주의 사항
함수명(조건1, 조건2, 조건3) 형식으로 입력합니다.
조건과 조건 사이는 반드시 반점과 띄어쓰기로 나눠주세요. (띄어쓰기 필수)
조건 내부에서 반점을 쓸 때는 띄어쓰기를 사용하지 말아주세요. (ex. p1,p2,p3)
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
페이지 연결
--페이지중 선택--
BIO
이미지 슬라이더
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 5개
텍스트 출력 끄기
※슬라이더 이미지의 크기/위치 등은 위의 배경 설정을 통해 조정 가능합니다.
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 latest_main(기본)스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
함수 직접 입력
사용
함수 입력 주의 사항
함수명(조건1, 조건2, 조건3) 형식으로 입력합니다.
조건과 조건 사이는 반드시 반점과 띄어쓰기로 나눠주세요. (띄어쓰기 필수)
조건 내부에서 반점을 쓸 때는 띄어쓰기를 사용하지 말아주세요. (ex. p1,p2,p3)
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
background: rgba( 255, 255, 255, 0.25 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 5px ); -webkit-backdrop-filter: blur( 5px ); translate: -20px 430px;
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
페이지 연결
--페이지중 선택--
BIO
이미지 슬라이더
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 5개
텍스트 출력 끄기
※슬라이더 이미지의 크기/위치 등은 위의 배경 설정을 통해 조정 가능합니다.
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 latest_main(기본)스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
함수 직접 입력
사용
함수 입력 주의 사항
함수명(조건1, 조건2, 조건3) 형식으로 입력합니다.
조건과 조건 사이는 반드시 반점과 띄어쓰기로 나눠주세요. (띄어쓰기 필수)
조건 내부에서 반점을 쓸 때는 띄어쓰기를 사용하지 말아주세요. (ex. p1,p2,p3)
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
background: rgba( 255, 255, 255, 0.25 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 5px ); -webkit-backdrop-filter: blur( 5px );
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
레이아웃 수정
PC
기본
숨기기
모바일
기본
무조건 보이기
무조건 숨기기
※ 입력 시 주의사항: 길이 등은 단위까지 포함해 작성해야 정상적으로 출력됩니다. (ex: px, %, vw, vh...)
가로 너비
세로 길이
블럭 정렬 방향
view_stream
세로
view_week
가로
내부 요소 정렬
가로 정렬
---
좌측
중앙
우측
세로 정렬
---
상단
중간
하단
테마
---
기본
스타일 없음(투명)
유리 재질
디지털
고딕
폴라로이드
직접 입력
효과
없음
기울기
반사광
확대
들림
흑백 → 컬러
컬러 → 흑백
배경
외부 링크
배경 움직임 설정
※
체크하면 배경이 마우스 움직임에 따라 흔들립니다.
배경 색상
배경 설정
반복 설정
반복
반복 없음
가로 반복
세로 반복
배경 위치
가로 위치
---
좌측
중앙
우측
직접 입력
세로 위치
---
상단
중간
하단
직접 입력
배경 사이즈
원본 크기
전부 보이게
채우기
배경 이동
스크롤
고정
바깥쪽 여백
자동
수동
상
하
좌
우
안쪽 여백
자동
수동
상
하
좌
우
※여백 수동 입력 시
수동으로 설정 시 상하좌우 모두 (단위 포함) 입력해야 정상 작동합니다.
테두리 설정
테두리 두께
테두리 스타일
---
실선
점선
파선
두 겹
테두리 돌출
테두리 함몰
요소 돌출
요소 함몰
테두리 색상
※
네 모서리의 테두리를 다르게 설정할 수도 있어요!
ex) 1px 3px 2px 3px 혹은 red white black pink ...
둥글기 설정
전체
※전체가 설정되어 있으면 개별 적용이 작동하지 않습니다.
↖
↗
↘
↙
스타일 직접 작성
translate: 0px -30px;
※
color: black; background: white; 식으로 입력합니다.
몇 가지 예시
글자색 color: white; / 문자그림자 text-shadow: 2px 2px 0px black;
그라디언트 배경 background: linear-gradient(45deg, white, transparent);
원근감 있게 돌리기 transform: perspective(300px) rotate3d(0, 1, 0, 1deg);
연결 관리
※ 연결된 요소가 존재하면 구조 추가가 불가능해집니다.
타입
연결 없음
직접 입력(html)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
페이지 연결
--페이지중 선택--
BIO
이미지 슬라이더
--게시판중 선택--
LOAD
PAIN ARCHIVE
MEMO (OLD)
TRPG (OLD)
GUEST
STUDY
TRPG
MEMO
LINK
main
reading
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 5개
텍스트 출력 끄기
※슬라이더 이미지의 크기/위치 등은 위의 배경 설정을 통해 조정 가능합니다.
단일 이미지 연결
외부 링크
이미지 위치
---
좌측
중앙
우측
직접 입력
---
좌측
중앙
우측
직접 입력
이미지 사이즈
원본 크기
전부 보이게
채우기
시계 연결
※두 블럭 이상 연결하면 오류가 발생합니다.
출력형태 예시
날짜
년도
year = 2023 / yy = 23
월
monthname = 5월 / monthnum = 05 / mnum = 5
일
dayname = 목요일 / daynum = 08 / dnum = 8
시간
오전/오후
AMPM
시간
hours = 18 / 12hours = 6
분
minutes
초
seconds
예
year년 monthnum월 dnum일 dayname
-> 2023년 05월 8일 목요일
12hours :: minutes :: seconds :: AMPM
-> 7 :: 24 :: 31 :: AM
시계 정렬
---
좌측
중앙
우측
―― 1열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 2열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
―― 3열 ――
날짜 출력 형태
시간 출력 형태
출력 스타일
---
크게
중간
작게
스타일 직접 지정
디데이 리스트
디데이 정렬
---
좌측
중앙
우측
―― 1열 ――
디데이 명
날짜
1일부터 시작
―― 2열 ――
디데이 명
날짜
1일부터 시작
―― 3열 ――
디데이 명
날짜
1일부터 시작
―― 4열 ――
디데이 명
날짜
1일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 latest_main(기본)스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
함수 직접 입력
사용
함수 입력 주의 사항
함수명(조건1, 조건2, 조건3) 형식으로 입력합니다.
조건과 조건 사이는 반드시 반점과 띄어쓰기로 나눠주세요. (띄어쓰기 필수)
조건 내부에서 반점을 쓸 때는 띄어쓰기를 사용하지 말아주세요. (ex. p1,p2,p3)
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
1열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
2열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
3열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
4열
링크 이름
링크 아이콘
주소
권한
---
1
2
3
4
5
6
7
8
9
10
등록
닫기
Loading . . .
arrow_upward