arrow_right_alt
zoom_out_map
home
HOME
group
PROFILE
chat
DIARY
comment_bank
COMMENT
calendar_today
SCEDULE
cake
GUEST
power_settings_new
로그인
레이아웃 수정
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);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
투나잇
+ 903
days
아테네
+ 1352
days
프링클
+ 2132
days
레이아웃 수정
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)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
페이지 연결
--페이지중 선택--
MAIN
MAIN2
이미지 슬라이더
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 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일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 basic스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
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);
연결 관리
※ 내부에 블럭이 존재해 연결이 불가능합니다.
등록
닫기
레이아웃 수정
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)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
페이지 연결
--페이지중 선택--
MAIN
MAIN2
이미지 슬라이더
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 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일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 basic스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
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)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
공사중... 뚝딱뚝딱
텍스트 연결
공사중... 뚝딱뚝딱
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
페이지 연결
--페이지중 선택--
MAIN
MAIN2
이미지 슬라이더
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 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일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 basic스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
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
등록
닫기
최근 갱신된 글
create
DIARY No. 12
uqosaf
11.16 12:18
create
DIARY No. 11
apusu
11.12 13:50
create
DIARY No. 10
ypipy
11.10 11:56
create
DIARY No. 9
yquheres
11.07 12:02
create
DIARY No. 8
oxabeba
11.03 22:30
레이아웃 수정
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)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
페이지 연결
--페이지중 선택--
MAIN
MAIN2
이미지 슬라이더
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 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일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 basic스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
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)
텍스트
게시판
페이지
슬라이더
이미지
시계
디데이
최신글
링크
직접 입력
텍스트 연결
폰트
스타일
일반
두껍게
기울게
두껍고 기울게
스타일 직접 지정
게시판 연결
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
페이지 연결
--페이지중 선택--
MAIN
MAIN2
이미지 슬라이더
--게시판중 선택--
CHARACTER
BOARD
SCEDULE
GUEST
MAIN
DIARY
※연결할 게시판을 선택해주세요.
출력 수
※ 기본 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일부터 시작
최신글 연결
스킨명
※ 비어있을 땐 basic스킨으로 출력됩니다.
출력 갯수
※ 기본 10개
제외 게시판
※게시판 테이블명을 입력합니다. 띄어쓰기 없이 ,(반점, 쉼표)로 구분합니다.
링크 연결
링크 스타일
---
둥글게
마름모
길게
링크 정렬
---
가로
세로
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 . . .
